DataTables 使用您自己的参数读取 ajax 响应

Question

在服务器端模式下使用 DataTables 1.10.15。我创建了一个 PHP 脚本来提供 JSON 响应，其中包括他们在文档中提到的参数：https://datatables.net/manual/server-side#Returned-data

我想将自己的参数添加到 JSON 响应中，例如

$response = [
    'data' => [ ], // Required by DataTables 
    'form_errors' => [ ] // Not required by DataTables
];
echo json_encode($response);

我的 ajax 调用的 js 看起来像这样：

var myTable = $('#myTable').DataTable( {
    "serverSide": true,
    "ajax": { 
        "url" : "/response.php",
        "method" : "POST"
    },
});

如何读取 ajax 响应？我在 API 中看到有一个 .on('xhr') 方法 (https://datatables.net/reference/event/xhr) 在 ajax 请求完成时触发，例如

var myTable = $('#myTable').DataTable( {
    "serverSide": true,
    "ajax": { 
        "url" : "/response.php",
        "method" : "POST"
    },
}).on( 'xhr.dt', function () {
    // Read response here?
});

但当时我找不到读取 ajax 响应数据的方法。

有人知道这是否可行吗？

Answer 1

老问题，但我会尝试回答未来可能需要的问题，因为我有完全相同的问题，在查找他们的文档后我找到了drawCallback。

来自您的代码：

var myTable = $('#myTable').DataTable( {
    "serverSide": true,
    "ajax": { 
        "url" : "/response.php",
        "method" : "POST"
    },
    "drawCallback": function (settings) { 
        // Here the response
        var response = settings.json;
        console.log(response);
    },
});

Answer 2

你可以这样做，在初始化代码块之后：

myTable.on('xhr', function () {
        var json = oTable.ajax.json();
        if (json) {
             // read the json here: json.form_errors
         }
});

Answer 3

这应该是 DataTable 的 ajax 属性

"dataSrc": function(json) {
if (json.CustomVariable) {
    $("#some_span").html(json.CustomVariable);
}
// You can also modify `json.data` if required
return json.data;

根据相关代码的完整示例可以是

var myTable = $('#myTable').DataTable({
            "serverSide": true,
            "ajax": {
                "url": "/response.php",
                "method": "POST",
                "dataSrc": function(json) {
                    if (json.CustomVariable) {
                        $("#some_span").html(json.CustomVariable);
                    }
                    // You can also modify `json.data` if required
                    return json.data;
                },
            });

参考DataTables > Return custom variables from server side to datatables ajax call

Answer 4

你应该实现dataFilter函数：

var myTable = $('#myTable').DataTable( {
    "serverSide": true,
    "ajax": {
        "url" : "/response.php",
        "method" : "POST",
        dataFilter: function (data) {
            data = jQuery.parseJSON(data);

            return JSON.stringify(data.data.original);
        }.bind(this)
    }
});

Answer 5

您可以使用这样的 ajax 回调方法读取响应：

var myTable = $('#myTable').DataTable( {
    "serverSide": true,
    "ajax": { 
        "url" : "/response.php",
        "method" : "POST"
    },
    success: function(data) {
      // Request success
      console.log(data);       
    },
    error: function(data) {
      // Request failed
      console.log(data);
    }
});

希望对你有帮助！