JQuery构建客户/服务分离的链接模型中Table分页代码效率初探

核心提示： 尾页的代码就简单一些，从以上的服务端代码，JQuery构建客户/服务分离的链接模型中Table分页代码效率初探(5)，我们看出虽然每次从数据库返回全部的代码到webservice端，但通过这个方法，运用这个框架在效率方面不存在任何问题，甚至比普通的页面还要快，就将其无用的记录全部过滤了，把剩下的

尾页的代码就简单一些。

从以上的服务端代码，我们看出虽然每次从数据库返回全部的代码到webservice端，但通过这个方法，就将其无用的记录全部过滤了，把剩下的元素传递到客服端，这样不管记录有多少条，每次返回页面的都只有一点点，提高了效率，避免了webservice传递大数据的问题，这样这个框架在传递大数据的方面基本不存在任何问题（排除一些及其特殊的东西），运用这个框架在效率方面不存在任何问题，甚至比普通的页面还要快。

客户端代码片段：

客户端就不再详细说明了，客户端需要传入

PageCount　　每页显示的记录数

CurrentPage　当前页数

表格的html：

<table　id="TData"　width="100%"　>
　　<thead　id="thead">
　　　　<tr　id="TR_Header"　class="MyTableTR_Header"　align="center"　style="　height:25px">
　　　　　　<td　　style="width:1%;　display:none"　　class="MyTableTD"></td>
　　　　　　<td　　style="width:10%"　>投资人类型</td>
　　　　　　<td　　style="width:10%">投资人</td>
　　　　　　<td　　style="width:10%">出资方式</td>
　　　　　　<td　　style="width:10%">认缴出资额</td>
　　　　　　<td　　style="width:10%">实缴出资额</td>
　　　　　　<td　　style="width:10%">出资比例</td>
　　　　　　<td　　style="width:15%">余额缴付期限</td>
　　　　　　<td　　style="width:15%">资料是否完整</td>
　　　　　　<td　　style="width:10%">操作</td>
　　　</tr>
　</thead>
　<tbody　id="tbody_Data"></tbody>
　<tfoot　id="tfoot_foot">　
　　　<tr　align="right">
　　　　　　<td　style="width:100%"　colspan="9">
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　<a　href="#"　id="First_A">首页</a>
　　　　　　　　<a　href="#"　id="Prev_A">上一页</a>
　　　　　　　　<a　href="#"　id="Next_A">下一页</a>
　　　　　　　　<a　href="#"　id="Last_A">尾页</a>
　　　　　　　　跳到<input　id="ToPageNo"　type="text"　　style="width:20px;　height:10px;　font-size:9px"/>页　|　
　　　　　　　　总页数:<span　id="showTotalPage"　style="color:Red"></span>页
　　　　　　</td>
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　</tr>
　</tfoot>
</table>