ajax无刷新分页
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了ajax无刷新分页,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2489字,纯文字阅读大概需要4分钟。
内容图文
![ajax无刷新分页](/upload/InfoBanner/zyjiaocheng/1300/67a6cd5175a341c2892ba27dba368d95.jpg)
/* * 数据异步请求 */ function S_request(page){ $.ajax({ url: ‘请求的url‘, type: ‘post‘, dataType:‘json‘, data : { page : page }, success:function(data){ if (data.length>0) { //成功时的代码处理 $(‘#pagefy‘).html(make_page_list(page, data[2], ‘S_request‘)); }else{ //无数据时的代码处理 } } }); } /** *生成页码,该函数是异步请求 *@param pagenum 当前页数 1 2 3 4 5 ... *@param pagecount 总页数 *@apram datacount 总记录数 *@param funcname 点击页码需时要调用的方法名(callback) */ function getPageList(pagenum,pagecount,datacount,funcname){ var pagestr = ‘‘; //分页字符串 if (pagecount == 1){return ‘‘;} //显示首页,上一页 if (pagenum > 1){ pagestr += ‘<li><a class="a1" href="javascript:;">共‘+datacount+‘条记录/‘+pagecount+‘页</a></li>‘; pagestr += ‘<li><a class="a1" href="javascript:‘ + funcname + ‘(1);">首页</a></li>‘; pagestr += ‘<li><a class="a1" href="javascript:‘ + funcname + ‘(‘+ (pagenum - 1) +‘);">上一页</a></li>‘; }else{ pagestr += ‘<li><a class="a1" href="javascript:;">共‘+datacount+‘条记录/‘+pagecount+‘页</a></li>‘; pagestr += ‘<li><a class="a1" href="javascript:‘ + funcname + ‘(1);">首页</a></li>‘; pagestr += ‘<li><a class="a1" href="javascript:‘ + funcname + ‘(1);">上一页</a></li>‘; } //显示中间的数字按钮 var shownum = 5; var beginidx =1; var half = parseInt(shownum/2); if (pagenum>half) {beginidx = pagenum-half;} for(var i = beginidx; i <= pagecount; i++){ var cls = ""; if(pagenum<=half && i>shownum && i<=pagecount){ continue; }else if(pagenum>half && i>pagenum+half && i<=pagecount){ continue; } if(i == pagenum){ cls = "class= ‘currActive‘ "; } pagestr += ‘<li><a style="margin-left:2px;"‘ + cls + ‘ href="javascript:‘ + funcname+‘(‘+i+‘);">‘ + i + ‘</a></li>‘; } //显示尾页,下一页 if(pagenum < pagecount){ pagestr += ‘<li><a class="a1" style="margin-left:2px;" href="javascript:‘ + funcname + ‘(‘ + (pagenum + 1) + ‘);">下一页</a></li>‘; pagestr += ‘<li><a class="a1" href="javascript:‘ + funcname + ‘(‘+ pagecount +‘);">尾页</a></li>‘; }else{ pagestr += ‘<li><a class="a1" style="margin-left:2px;" href="javascript:‘ + funcname + ‘(‘ + (pagenum) + ‘);">下一页</a></li>‘; pagestr += ‘<li><a class="a1" href="javascript:‘ + funcname + ‘(‘+ pagecount +‘);">尾页</a></li>‘; } return pagestr; }
原文:https://www.cnblogs.com/yeshaoxiang/p/12043707.html
内容总结
以上是互联网集市为您收集整理的ajax无刷新分页全部内容,希望文章能够帮你解决ajax无刷新分页所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。