首页 > 代码库 > 分页技术（异步刷新）
分页技术（异步刷新）
<script type="text/javascript"> _jsonData = http://www.mamicode.com/[];"张三"+(i+1),pwd:"123456abc"+(i+1),age:(i+1)}); } pageTotal.getDate(1,1); //alert(_jsonData.length); }); //封装分页数据 var pageTotal= { current:1, //当前页 pageCount:8 , //每页显示的数据量 count : 0 ,//总数据量 total : 0 , //总共的页码 first : 1, //首页 last : 0 , //尾页 pre : 0, //上一页 next : 0 , //下一页 getPages : function(){ //计算分页信息 pageTotal.total = Math.ceil(pageTotal.count / pageTotal.pageCount); pageTotal.last = pageTotal.total ; pageTotal.pre = pageTotal.current - 1 <= 0?1:(pageTotal.current - 1); pageTotal.next = pageTotal.current + 1 >= pageTotal.total?pageTotal.total:(pageTotal.current + 1); }, //获取数据 getDate: function(pageno,type){ //清除content所有数据和元素 $("#tbcontent").empty(); if(pageno == null){ pageno = 1; } //设置当前页 pageTotal.current = pageno; pageTotal.count = _jsonData.length; //设置每页显示的数据条数 pageTotal.pageCount = 8; //分页信息 for(var i = (pageno-1)*pageTotal.pageCount ; i < ((pageTotal.current)*(pageTotal.pageCount)) ; i++){ $("#tbcontent").append("<tr><td>"+_jsonData[i]["name"]+"</td><td>"+_jsonData[i]["pwd"]+"</td><td>"+_jsonData[i]["age"]+"</td></tr>"); } //获取分页样式 pageTotal.page(type); //type表示分页栏样式 }, page : function(type){ //清除分页栏元素 $("#pages").empty(); //填充分页样式欠要加载分页数据 pageTotal.getPages(); if(type == 1){ var x = 6; //设置上下页 $("#pages").append(pageTotal.current+"/"+pageTotal.total+" <a href=‘javascript:pageTotal.getDate(1,"+type+");‘>首页</a> "); var index = pageTotal.current <=Math.ceil(x/2)?1:(pageTotal.current)>=pageTotal.total-Math.ceil(x/2)?pageTotal.total-x:(pageTotal.current- Math.ceil(x/2)); var end = pageTotal.current <= Math.ceil(x/2)?(x+1):(pageTotal.current+Math.ceil(x/2))>=pageTotal.total?pageTotal.total:(pageTotal.current+Math.ceil(x/2)); for(var i = index ; i <= end ; i++){ if(i == pageTotal.current){ $("#pages").append("<a href=‘javascript:pageTotal.getDate("+pageTotal.current+","+type+");‘ class=‘on‘>"+i+"</a>"); }else{ $("#pages").append("<a href=‘javascript:pageTotal.getDate("+i+","+type+");‘>"+i+"</a>"); } } if(end != pageTotal.total){ $("#pages").append(" <span>...</span>"); } $("#pages").append(" <a href=‘javascript:pageTotal.getDate("+pageTotal.last+","+type+");‘>尾页</a>"); } } };</script>
分页技术（异步刷新）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。