购买

≡ 显示站点导航

Ajax 数据源（数组）

DataTables 有能力从可以通过 Ajax 获得的任何 JSON 数据源读取数据。通过将ajax选项设置为 JSON 数据源的地址，它可以用最简单的形式来实现此目的。

ajax选项还允许进行更高级的配置，例如更改 Ajax 请求的制作方式。有关详细信息，请参阅ajax文档或其他 DataTables 的 Ajax 示例。

[
	"Tiger Nixon",
	"System Architect",
	"Edinburgh",
	"5421",
	"2011/04/25",
	"$3,120"
]

默认情况下，DataTables 会假设要使用一个数组数据源，并将使用该数组的列索引从行中的数组读取显示在每列中的信息，从而使使用数组非常简单（请注意，可以更改此设置，或对象可以使用columns.data选项，如其他示例中所示）。

以下示例显示了 DataTables 如何从数组加载数据作为数据源，其中在此示例中行的这种数据源的结构是	有关使用 Ajax 数据加载 DataTable 的更多详细信息，请参阅手册的 Ajax 部分。	姓名	职位	办公室	分机。号
以下示例显示了 DataTables 如何从数组加载数据作为数据源，其中在此示例中行的这种数据源的结构是	有关使用 Ajax 数据加载 DataTable 的更多详细信息，请参阅手册的 Ajax 部分。	姓名	职位	办公室	分机。号

服务器端脚本

评论

下面显示的 Javascript 用于初始化本示例中显示的表格

$('#example').DataTable({ ajax: 'data/arrays.txt' });

new DataTable('#example', { ajax: 'data/arrays.txt' });

除以上代码外，还加载了以下 Javascript 库文件以在此示例中使用

下面显示的 HTML 是原始 HTML 表格元素，在 DataTables 增强它之前

此示例使用了一些额外的 CSS（除了从库文件中加载的 CSS（下面）），以便正确显示表格。下面显示了使用的附加 CSS

以下是加载用于此示例的 CSS 库文件，以提供表格样式

此表格通过 Ajax 加载数据。最新加载的数据显示在下面。随着任何其他数据的加载，此数据将自动更新。