之前在写 [10/02周主题] – 仿Gmail头像上传剪辑 时说，还有个JQuery的分页组件分享给大家，这个组件是别人设计的，我只是在其基础上，进行一些改动，以符合自身项目的需求。

之前在做Web项目时，分页功能的处理是放在服务器端，客户端只是用来显示分页导航条内容。 虽然将服务器端的分页功能进行封装，页码显示代码也进行了整理，但是总归不是很方便，做分页功能还是要做不少工作。

后来去看一些将分页功能放在客户端处理的例子，最后发现了这个比较不错的JQuery组件（如果你有好的方案也欢迎分享啊），原文章在这里：http://lym6520.javaeye.com/blog/540580，我就不做过多介绍了。

通过这个组件做分页功能，服务器端几乎不做什么处理，只需要显示数据列表时把总数传给该组件即可。至于分页组件的样式你完全可以自己去定制。

下面分享下自己的一些优化工作：

1、Loading和错误提示

Loading和错误信息的显示在获取数据时控制，这里用到了Ajax的几个状态来判断，比如beforeSend，success以及error。

2、分页组件的翻页和获取数据是异步的，这样如果出现服务器问题，无法获取翻页后的信息，但是分页导航条已经做了翻页了。由于服务器出错是在Ajax里面捕获的，这样就只能做个hack，通过dom操作来让翻页返回去，最终的效果会是这样的：假如现在在第三页，要跳转到第四页，点 “4” 翻页了，然后发现翻页后无法获取数据，出现服务器问题了，接着就又返回第三页了，显示错误信息。