自定义 HTTP 变量

使用 DataTables 的服务器端处理选项时,通常需要向服务器发送额外的信息。此操作通过使用 ajax.data 选项完成,可以用两种不同的方式之一进行

  • object - 要发送到服务器的对象数据。这可用于向请求添加静态数据。
  • function - 用于操作将发送到服务器的数据对象的函数,根据需要添加值。将 data 参数用作函数有助于在发出请求时评估和添加到请求中的附加数据。

下面的示例展示了如何使用 ajax.data 选项将额外参数作为函数发送到服务器,来使用服务器端处理。

名字 姓氏 职位 办公室 起始日期 薪水
名字 姓氏 职位 办公室 起始日期 薪水
  • Javascript
  • HTML
  • CSS
  • Ajax
  • 服务器端脚本
  • 注释

下面显示的 Javascript 用于初始化此示例中显示的表格

$('#example').DataTable({ ajax: { url: 'scripts/server_processing.php', data: function (d) { d.myKey = 'myValue'; // d.custom = $('#myInput').val(); // etc } }, processing: true, serverSide: true });
new DataTable('#example', { ajax: { url: 'scripts/server_processing.php', data: function (d) { d.myKey = 'myValue'; // d.custom = $('#myInput').val(); // etc } }, processing: true, serverSide: true });

除了以上代码外,还加载以下 Javascript 库文件以用于此示例

    下面显示的 HTML 是原始的 HTML 表格元素,在 DataTables 增强它之前

    此示例使用一些附加的 CSS,它们超出了库文件(如下所示)加载的内容,以便正确显示表格。下面显示了使用的附加 CSS

    加载以下 CSS 库文件以用于此示例,以便对表格设置样式

      此表格通过 Ajax 加载数据。下面显示了加载的最新数据。此数据将自动更新,因为加载了任何其他数据。

      下面显示了用于执行此表格的服务器端处理的脚本。请注意,这只是一个使用 PHP 的示例脚本。服务器端处理脚本可以使用任何语言编写,使用 DataTables 文档中描述的协议

      其他示例