jquery - 在 jquery 数据表中使用 Ajax 进行分页

Question

我正在使用 dataTables 插件来创建我正在处理的页面上的表格。它基本上通过 ajax 调用获取行，在这个 ajax 调用中，我发送用户选择的搜索参数和所需的页码。我需要“下一个”、“上一个”、“第一个”和“最后一个”按钮来触发相同的 ajax 调用，但使用不同的页码，因为后端拦截器取决于页码。

此 API 调用将返回总数。属于这些搜索参数的行数(例如 1000)以及具有页面大小的行(例如 50)。

有什么办法可以使用数据表来做到这一点吗？

Answer 1

是的，您可以完成此操作，我已经在许多网站上完成了此操作。关键是使用如下代码正确初始化数据表:

var oTable = "";

$(document).ready(function() {
    oTable = $('#htmltableID').dataTable({
        "sPaginationType": "full_numbers",
        "bServerSide": true,
        "sAjaxSource": "/script-to-accept-request.php",
        "sServerMethod": "POST",
        "iDisplayLength": 50
    });
}

页面加载后，它将向指定的源发送 POST 请求。默认情况下，请求使用 GET 方法，但我选择发布该值。

您可以引用 http://www.datatables.net/release-datatables/examples/server_side/custom_vars.html 添加要包含在默认集中的自定义变量

当页面更改时，接受请求的服务器端代码必须处理 iDisplayStart 变量。它从 0 开始，然后随着每页增加 iDisplayLength 值。 Oliver 给出的示例包含 PHP 服务器端的示例，因此这确实有助于查看。