自定义 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 文档中描述的协议。