服务器端处理

有很多方法可以将您的数据导入 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 文档中描述的协议

      其他示例