使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页
本文给大家介绍基于jquery+ajax+json实现数据分页显示,以及JAVA+JQuery实现异步分页,本文代码简单易懂,非常具有参考价值,感兴趣的朋友一起学习吧
先给大家展示下运行效果图:
1.后台action产生json数据。
List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate); int totalRows = blackList.size(); StringBuffer sb = new StringBuffer(); sb.append("{\"totalCount\":\""+totalRows+"\","); sb.append("\"jsonRoot\":["); for (int i=0;i
2.struts.xml相关配置
UTF-8 /WEB-INF/jsp/manage/black.jsp
3.js获取json数据分页显示
function getJSONData(pn) { // alert(pn); $.getJSON("blackList.ce", function(data) { var totalCount = data.totalCount; // 总记录数 var pageSize = 10; // 每页显示几条记录 var pageTotal = Math.ceil(totalCount / pageSize); // 总页数 var startPage = pageSize * (pn - 1); var endPage = startPage + pageSize - 1; var $ul = $("#json-list"); $ul.empty(); for (var i = 0; i < pageSize; i++) { $