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

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

1. 数据表格操作

在使用数据表格时，我们需要对客户端和服务器端代码进行相应的设置。

1.1 客户端代码修改

在 table.html 文件中，将 dataTable 调用修改为如下代码：

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

• bServerSide 参数指示 DataTables 在服务器端进行所有处理，避免在本地进行排序或搜索，因为浏览器没有足够信息完成这些操作。
• bProcessing 参数在从服务器检索信息时，会在屏幕上显示一个小的文本消息 “processing”，你可以使用 CSS 让这个消息更明显。

1.2 服务器端代码分析

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

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