DataTables示例 阿贾克斯 源数据

DataTables能够从几乎任何JSON数据源读取数据,而该数据源可以通过 阿贾克斯可以通过设置其最简单的形式来完成此操作 ajaxDT JSON地址的选项 data source.

ajaxDT 选项还允许更高级 配置,例如更改Ajax请求的发出方式。见 ajaxDT 文档和 其他Ajax示例 了解更多信息。

下面的示例显示了DataTables从数组中加载表的数据作为数据源(对象 参数也可以通过 columns.dataDT 选项 )。

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

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

$(document).ready(function() { $('#example').dataTable( { "ajax": '../ajax/data/arrays.txt' } ); } );

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

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

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

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

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

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