ajax分页封装成函数
function getPage(page) { $.ajax({ type : ‘get‘, url : ‘pageUrl/page/‘+page, dataType : ‘json‘, success : function(data) { var html = ‘‘; $(data.data).each(function(k,v){ html += ‘<span>‘+v.content+‘</span>‘;//根据返回data拼接html字符串 }); $(‘#Comtent‘).html(html); var totalPage = data.totalPage;//根据总的记录数,循环构造翻页字符串 var rollPage = 5;//每页显示的提供点击的页数 var offset = Math.ceil((rollPage / 2)); var pageStr = ‘‘;//分页html字符串 var p; //字符页码 if(totalPage>offset && page>offset) pageStr = ‘<a href="javascript:void(0);" onclick="getPage(1)">首页</a>‘; if(page > 1) pageStr += ‘<a href="javascript:void(0);" onclick="getPage(‘+(page-1)+‘)">上一页</a>‘; for(var i=1; i<=rollPage; i++) { if(page < offset) p = i; else if(page + offset > totalPage) p = totalPage-offset+i; else p = page-offset+i; //拼接字符串 if(p > 0 && p != page) if(p <= totalPage) pageStr += ‘<a href="javascript:void(0);" onclick="getPage(‘+p+‘)">‘+p+‘</a>‘; else break; else if(page > 0 && totalPage != 1) pageStr += ‘<a class="cur" href="javascript:void(0);">‘+p+‘</a>‘; } if(page < totalPage) pageStr += ‘<a href="javascript:void(0);" onclick="getPage(‘+(page+1)+‘)">下一页</a>‘; if(totalPage>offset && (page+offset)<totalPage) pageStr += ‘<a href="javascript:void(0);" onclick="getPage(‘+totalPage+‘)">尾页</a>‘; pageStr += ‘ <span class="rows">共‘+totalPage+‘页</span> ‘; $(‘#pageStr‘).html(pageStr); $(‘#count‘).html(‘(‘+data.count+‘)‘); cur_page = page; } }); }
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。