我正在尝试使用 https://datatables.net/

目前，我们提前加载所有表数据并在客户端进行分页，这显然是一个坏主意，但是我找不到在服务器端如何进行分页的好例子。

显然，我应该使用 ajax 选项，但文档很差，请参阅 https://datatables.net/reference/option/ajax

它说语法如下：

$('#example').dataTable( {
  "ajax": function (data, callback, settings) {
    callback(
      JSON.parse( localStorage.getItem('dataTablesData') )
    );
  }
} );

Callback function that must be executed when the required data has been obtained. That data should be passed into the callback as the only parameter

但是这个 only的格式是什么参数 ??

我尝试传递一个数组（与我传递 data 选项的数组相同），但我得到：

datatables.bundle.min.js:1 Uncaught (in promise) TypeError: Cannot read property 'length' of undefined
        at datatables.bundle.min.js:1
        at E (datatables.bundle.min.js:1)
        at PatientsSearchTable.dataFetcher (PatientSearchUIController.js:163)
        at gA (datatables.bundle.min.js:1)
        at pA (datatables.bundle.min.js:1)
        at P (datatables.bundle.min.js:1)
        at HTMLTableElement.<anonymous> (datatables.bundle.min.js:1)
        at Function.each (jquery.min.js:2)
        at w.fn.init.each (jquery.min.js:2)
        at w.fn.init.o [as dataTable] (datatables.bundle.min.js:1)

例如 代码适用于以下配置

let config = {
            data: [[1,2],[3,4]],
            bDestroy: true,
            columns: [
                { title: 'A' },
                { title: 'B' },
                
            ],
        }

但以下内容给出了上述错误：

dataFetcher(data, callback, settings) {
    callback([[1,2],[3,4]])
}
generateTableData(dataSet) {

    let config = {
        ajax: this.dataFetcher.bind(this),
        bDestroy: true,
        columns: [
            { title: 'A' },
            { title: 'B' },
            
        ],
    }

编辑：我能够让以下内容工作

dataFetcher(data, callback, settings) {
    let jData =[[1,2],[3,4]]
    var dtData =  {"data": jData}
    callback(dtData)
}
generateTableData(dataSet) {

    let config = {
        ajax: this.dataFetcher.bind(this),
        bDestroy: true,
        columns: [
            { title: 'A' },
            { title: 'B' },
            
        ],
    }

感谢 如何使用 AJAX 选项填充 JQuery 数据表

注意：不需要 stringify ，如 var dtData =JSON.stringify( {"data": jData});

但我仍然需要这个 only 参数 的格式，例如，如何传递分页结果的数量以显示有多少页总计。

EDIT2：

我也能够使分页正常工作：

dataFetcher(data, callback, settings) {
        let jData = [[1, 2], [3, 4]]
        var dtData = {
            "data": jData,
            "draw": 1,
            "recordsTotal": 10,
            "recordsFiltered": 10,
        }
        callback(dtData)
    }
    generateTableData(dataSet) {

        let config = {
            ajax: this.dataFetcher.bind(this),
            bDestroy: true,
            columns: [
                { title: 'A' },
                { title: 'B' },

            ],
            pageLength: 2,
            serverSide: true
        }

请参阅 https://datatables.net/forums/discussion/59485/how-to-set-total-records-when-using-ajax-source-and-pipeline

注意：您可以在以下示例中看到返回的数据： https://datatables.net/examples/data_sources/server_side

使用 devTool 时如下：