Question

我的服务器返回数据架构如下：

{
    "count": 161,
    "next": "http://127.0.0.1:8000/api/example/?page=3",
    "previous": "http://127.0.0.1:8000/api/example/?page=1",
    "results": [
        {
            "name": "foo",
            "version": "bar",
        }
    ]
}

我像这样使用DataTable：

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "/api/example/?page=1"
    } );
} );

如何从网址更改数据源：

"next": "http://127.0.0.1:8000/api/example/?page=3",

当我单击DataTable下一个或上一个按钮时。如何自定义参数（此处页面）以让DataTable知道？

从这里的示例Object data source 这样的架构：

{
  "draw": 3,
  "recordsTotal": 57,
  "recordsFiltered": 57,
  "data": [
    {
      "first_name": "Airi",
      "last_name": "Satou",
      "position": "Accountant",
      "office": "Tokyo",
      "start_date": "28th Nov 08",
      "salary": "$162,700"
    },
  ]
}

每次点击下一个按钮，＆＃34;画出＆＃34;参数将返回当前页码。我是否必须将此添加到我的服务器响应中？或者我应该在＆＃34; next＆＃34;上定制onclick事件。或＆＃34;之前＆＃34;按钮，使用ajax获取数据然后重绘表格？我也在这里查看插件Pagination plug-ins，我应该使用它吗？

Answer 1

这项工作，您可以设置限制和偏移来处理这个问题。

dispatch

如何使用jQuery DataTable设置下一页URL

1 个答案: