Ajax 来源的数据
DataTables 具有从 Ajax 可获取的几乎任何 JSON 数据源读取数据的能力。在最简单的形式下,这可以通过将 ajax
选项设置为 JSON 数据源的地址来完成。
ajax
选项还允许进行更高级的配置,例如更改 Ajax 请求的发送方式。有关更多信息,请参阅 ajax
文档和 其他 Ajax 示例。
下面的示例展示了 DataTables 从数组加载表数据,而数组即为数据源(还可以通过 columns.data
选项使用对象参数)。
姓名 | 职位 | 办公室 | 分机号 | 开始日期 | 薪水 |
---|---|---|---|---|---|
姓名 | 职位 | 办公室 | 分机号 | 开始日期 | 薪水 |
- Javascript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 注释
下面显示的 Javascript 用于初始化此示例中所示的表格
$('#example').DataTable({ ajax: '../ajax/data/arrays.txt' });
new DataTable('#example', { ajax: '../ajax/data/arrays.txt' });
除了以上代码外,还加载了以下 Javascript 库文件供在此示例中使用
下面显示的 HTML 是原始 HTML 表元素,在被 DataTables 增强之前
此示例使用了一些附加的 CSS,除了从库文件中加载的 CSS(如下)外,是为了正确显示表格。下面显示了使用的附加 CSS
加载了以下 CSS 库文件供在此示例中使用,以为表格提供样式
此表通过 Ajax 加载数据。加载的最新数据如下所示。一旦加载任何额外数据,此数据就会自动更新。
下面显示了用于对该表执行服务器端处理的脚本。请注意,这仅仅是使用 PHP 的示例脚本文档。服务器端处理脚本可以用任何语言编写,使用 DataTables 文档中描述的协议。