服务器端处理
有很多方法可以将您的数据导入 DataTables,如果您使用的是非常大型的数据库,您可能想要考虑使用 DataTables 提供的服务器端选项。启用服务器端处理后,DataTables 执行的所有分页、搜索、排序操作将被移交至服务器,在服务器上,SQL 引擎(或类似引擎)可以在大型数据集上执行这些操作(毕竟,这就是数据库引擎的设计目的!)。因此,每次绘制表格都会导致发起新的 Ajax 请求以获取所需数据。
通过将 serverSide
选项设置为 true
,并通过 ajax
选项提供 Ajax 数据源,可以启用服务器端处理。
此示例显示了一个非常简单的表格,与其他示例相匹配,但此示例中使用了服务器端处理。有关使用服务器端处理的更多复杂示例,请参阅 服务器端处理 示例。
名 | 姓 | 职位 | 办公室 | 开始日期 | 工资 |
---|---|---|---|---|---|
名 | 姓 | 职位 | 办公室 | 开始日期 | 工资 |
- JavaScript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 注释
下面显示的 JavaScript 用于初始化此示例中显示的表格
$('#example').DataTable({ ajax: '../server_side/scripts/server_processing.php', processing: true, serverSide: true });
new DataTable('#example', { ajax: '../server_side/scripts/server_processing.php', processing: true, serverSide: true });
除了上述代码外,还加载了以下 JavaScript 库文件以用于此示例中
下面显示的 HTML 是原始的 HTML 表格元素,在未被 DataTables 增强之前
此示例使用了一些其他 CSS,超出库文件加载的文件(如下所示),以便正确显示表格。下面显示了使用的其他 CSS
为了给表格提供样式,在此示例中加载了下述 CSS 库文件以供使用
此表格通过 Ajax 加载数据。下面显示了加载的最新数据。随着加载任何附加数据,此数据将自动更新。
下面显示了用于对该表格执行服务器端处理的脚本。请注意,这只是一个使用 PHP 的示例脚本。可以使用任何语言编写服务器端处理脚本,使用 DataTables 文档中描述的协议。