jquery中dataTable后台加载数据并分页的示例分析-创新互联
这篇文章主要为大家展示了“jquery中dataTable后台加载数据并分页的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jquery中dataTable后台加载数据并分页的示例分析”这篇文章吧。
在通辽等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站制作、成都网站制作 网站设计制作定制网站建设,公司网站建设,企业网站建设,成都品牌网站建设,营销型网站建设,外贸网站制作,通辽网站建设费用合理。使用 dataTable后台加载数据并分页。网上版本很多,但很多都是不能用或者不详细的,这里是已经验证过的。
引用 js文件
添加一个table 标签,
可以不用,可以动态加载名称 | apiKey | secretKey | 创建时间 | Status | 操作 |
---|
关键的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 Mapmap = new HashMap (); try { // 查询数据,分页的话我这边使用的是 PageHelper,这边不介绍了 PagedResult 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中dataTable后台加载数据并分页的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站建设公司行业资讯频道!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站标题:jquery中dataTable后台加载数据并分页的示例分析-创新互联
网页路径:http://myzitong.com/article/jcpcs.html