页面是用的纯css的效果，没有使用bootstrap的框架，不然自带的分页是挺好用的，就不用麻烦了这边使用了jquery  pagination分页插件来实现这个功能的，这边后台用的是struts2的框架，ssh的，jquery返回json数据，然后循环拼接table输入到页面，这个分页插件使用起来感觉还是比较简单，代码编辑比较少，也有样式可以选择，但是那样要导入pagination.css在div中的class修改样式不导入的话就只有默认样式，这边样式也没有调节，不是很美观，功能实现了，干货：

效果图：

jsp：

 代码如下 复制代码

<scriptsrc="<%=basePath %>bootstrap/js/jquery.pagination.js"></script>

<divid="Pagination"class="pagination"text-align="right"><!-- 这里显示分页 --></div>

js：

 代码如下 复制代码

varpageIndex = -1; //页面索引初始值

 varpageSize = 5; //每页显示条数初始化，修改显示条数，修改这里即可

 varpageCount = 0; //每页显示条数初始化，修改显示条数，修改这里即可

 InitTable(pageIndex);//Load事件，初始化表格数据，页面索引为0（第一页）

  //分页，PageCount是总条目数，这是必选参数，其它参数都是可选

  //翻页调用

 functionPageCallback(index, jq) {

  InitTable(index);

  }

 //请求数据

 functionInitTable(pi) {

  varsendpn = 0;

  if(pi!=-1){

   sendpn = pi;

  }

  $.ajax({

   type:"POST",

   dataType:"json",

   url:'findEquipmentInfo.action', //提交到一般处理程序请求数据

   data: {pageNo:sendpn,pageSize:pageSize},  //提交两个参数：pageIndex(页面索引)，pageSize(显示条数)

   success:function(data) {

    vartabletr='';

    $(data.root).each(function(i,obj){