15、数据表格与Web开发优化指南

数据表格与Web开发优化指南

数据表格操作

在Web开发中，数据表格的处理是常见需求。下面将详细介绍如何使用DataTables插件实现数据表格的排序、搜索和分页功能。

客户端代码修改

在 table.html 文件中，需要对 dataTable 调用进行修改，代码如下：

$('#the_table').dataTable({ 
  'bProcessing':true, 
  'bServerSide':true, 
  'sAjaxSource':'get_data.php' 
}); 

• bServerSide 参数：告知DataTables将所有处理工作放在服务器端进行，避免在本地进行排序和搜索，因为浏览器没有足够信息完成这些操作。
• bProcessing 参数：在从服务器获取信息时，会在屏幕上显示一个小的文本消息“processing”，可通过CSS让该消息更明显。

服务器端代码分析

当在浏览器中加载 table.html 并查看发送的查询时，会看到类似如下的URL：

http://your.site/9-2-loading-dynamically/get_data.php?sEcho=1&iColumns=4&s