jquerydataTable后台加载数据并分页

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquerydataTable后台加载数据并分页，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4528字，纯文字阅读大概需要7分钟。

内容图文

使用 dataTable后台加载数据并分页。网上版本很多，但很多都是不能用或者不详细的，这里是已经验证过的。

引用 js文件

添加一个table 标签，<tbody></tbody> 可以不用，可以动态加载

关键的JS代码：

后台代码：

   // 获取前端过来的参数,下面三个参数是 dataTable默认的，不要随便更改 
    Integer sEcho = Integer.valueOf(params.get("sEcho"));// 记录操作的次数 每次加1 
    Integer iDisplayStart = Integer.valueOf(params.get("iDisplayStart"));// 起始 
    Integer iDisplayLength = Integer.valueOf(params.get("iDisplayLength"));// 每页显示的size 
 
    Map<String, Object> map = new HashMap<String, Object>(); 
    try { 
      // 查询数据,分页的话我这边使用的是 PageHelper，这边不介绍了 
      PagedResult<PushEntity> list = pushEntityService.findByUserId( 
          pushUser.getId(), iDisplayStart, iDisplayLength); 
 
      // 为操作次数加1，必须这样做 
      int initEcho = sEcho + 1;

  //返回参数也是固定的 
      map.put("sEcho", initEcho); 
      map.put("iTotalRecords", list.getTotal());//数据总条数 
      map.put("iTotalDisplayRecords", list.getTotal());//显示的条数 
      map.put("aData", list.getDataList());//数据集合 
    } catch (Exception e) { 
      e.printStackTrace(); 
    } 
 
    return map;

相关推荐：

JQuery.dataTables表格插件跳转到指定页实例分享

jquery DataTable前后台动态分页实现方法分享

关于jQuery Datatable 多个查询条件自定义提交事件示例分享

以上就是jquery dataTable 后台加载数据并分页的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jquerydataTable后台加载数据并分页全部内容，希望文章能够帮你解决jquerydataTable后台加载数据并分页所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端