数据表如何搜索和分页服务器端

Question

我有一个Java rest api，可以得到如下的分页结果：

/ allusers？page = 1＆text = searchkeyword＆pageSize = 50

我正在尝试使用数据表实现前端（也向其他图书馆建议开放），但似乎无法弄清楚如何使用数据表服务器端处理发送页面和搜索关键字：

这是他们网站上的示例代码，如何在此处传递参数？ 因此，当用户单击下一页或搜索关键字时，它将进行相关的后端调用：

$(document).ready(function() {
  $('#example').DataTable({
    "processing": true,
    "serverSide": true,
    "ajax": "../server_side/scripts/server_processing"
  });
});

Answer 1

您可以/必须做一些事情来设置分页。

1. 您的所有列都必须至少包含属性“数据”：

    var aoColumns = [ { "mData": "c1-data-attr", "sName": "c1-name-attr", "sClass": "c1-class-attr"}] 

2. 定义一个dataSrcFunction，它将自动从API响应中接收带有分页表的JSON作为参数。 返回值（json.data）应包含aoColumns中按其mData属性值定义的每个列的值。

    var dataSrcFunct = function (json) { console.log(json); //manipulate your JSON here return json.data; }; 

3. 定义将在响应不正常时执行的errorFunction。

这些参数将像这样进入您的配置：

$('#example').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": { 
            "url": "/allusers?page=1&text=searchkeyword&pageSize=50",
            "dataSrc": dataSrcFunction,
            "error": errorFunction
        },
        "aoColumns": aoColumns
);