DataTables示例 自定义HTTP变量

使用DataTables的数据库时,向服务器发送额外的信息通常很有用。 服务器端处理选项。这是通过使用 ajaxDT option's data parameter 可以以两种不同方式之一使用:

  • object -将对象数据发送到服务器。这对于添加静态非常有用 data to the request.
  • function -可以操纵数据对象发送到服务器的功能, adding values as required. Using the data parameter as a function allows the 在提出请求时,要评估并添加到请求中的其他数据。

下面的示例显示了服务器端处理,并使用了额外的参数发送到 server by using the ajax.data option as a function.

名称 位置 办公室 扩展 开始日期 薪水
名称 位置 办公室 扩展 开始日期 薪水

下面显示的Javascript用于初始化此显示的表 example:

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

除上述代码外,以下Javascript库文件也已加载以供在本文档中使用。 example:

下面显示的HTML是原始HTML表格元素,之前已通过 DataTables:

除了从库中加载的内容外,此示例还使用了一些其他CSS 文件(如下),以便正确显示表格。显示了使用的其他CSS below:

加载以下CSS库文件以供本示例使用,以提供 table:

该表通过Ajax加载数据。下面显示了已加载的最新数据。这个数据 将在加载任何其他数据时自动更新。

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