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