平面数组数据源
从 Ajax 源加载数据时，默认情况下，DataTables 将在返回对象的 data 参数中查找要使用的数据（例如 { "data": [...] }）。这可以通过使用 ajax 初始化选项的 dataSrc 选项轻松更改。
可以使用 ajax.dataSrc 的方式有很多
- 作为一个字符串（例如
dataSrc: 'myData'） - 从源对象中的不同属性获取数据。 - 作为一个空字符串（例如
dataSrc: ''） - 数据源不是对象，而是数组。 - 作为一个函数（例如
dataSrc: function(json) {}） - 函数可以用来将数据从一种源格式转换成另一种格式（例如，你可以从 XML 转换成 JavaScript 对象）。函数返回的值用作表格的数据。
下面的示例显示了 ajax.dataSrc 被用作一个空字符串。这告诉 DataTables 加载的 JSON 是一个简单的数组，而不是一个默认情况下在其内部包含一个数组的对象。
| 姓名 | 职位 | 办公室 | 分机号 | 开始日期 | 薪资 |
|---|---|---|---|---|---|
| 姓名 | 职位 | 办公室 | 分机号 | 开始日期 | 薪资 |
- JavaScript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 注释
下面显示的 JavaScript 用于初始化此示例中显示的表格
$('#example').DataTable({ ajax: { url: 'data/objects_root_array.txt', dataSrc: '' }, columns: [ { data: 'name' }, { data: 'position' }, { data: 'office' }, { data: 'extn' }, { data: 'start_date' }, { data: 'salary' } ] });
new DataTable('#example', { ajax: { url: 'data/objects_root_array.txt', dataSrc: '' }, columns: [ { data: 'name' }, { data: 'position' }, { data: 'office' }, { data: 'extn' }, { data: 'start_date' }, { data: 'salary' } ] });
除了上述代码外，还加载了以下 JavaScript 库文件以用于此示例
下面显示的 HTML 是原始内容表格元素，在被 DataTables 增强之前
此示例使用了一些额外的 CSS，除了从库文件中加载的 CSS（如下所示），以正确显示表格。下面显示了所用的附加 CSS
下面加载了以下 CSS 库文件以用于此示例，以便为表格提供样式
该表通过 Ajax 加载数据。在下面显示已加载的最新数据。当加载任何其他数据时，这些数据将自动更新。
下面显示了用于对此表格执行服务器端处理的脚本。请注意，这只是一个使用 PHP 的示例脚本。服务器端处理脚本可以用任何语言编写，使用 DataTables 文档中所述的协议。