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

      其他示例