ajax分页代码
分类: Java 标签: ajax分页代码 ajax怎么写分页
2020-10-17 22:01:43 959浏览
这里是ajax请求完后,写的分页逻辑,简单好理解
function print_page(pages,pageNo){
var totalPage=parseInt(pages);
if(totalPage==0)return "没有数据了";
var p="";
var page=parseInt(pageNo);
var cls="btn-default";
if(totalPage-1>0&&page-1>0){
p+='<a data-p='+1+' class="btn btn-sm '+cls+'">首页</a>';
p+='<a data-p='+(page-1)+' class="btn btn-sm '+cls+'">«</a>';
}
if(totalPage<=8){
for(var i=1;i<=totalPage;i++){
if(page==i)cls="btn-info";
else cls="btn-default";
p+='<a data-p='+i+' class="btn btn-sm '+cls+'">'+i+'</a>';//«»
}
}
if(totalPage>8){
if(page-4>0){
if(page+4>=totalPage){
for(var i=page-3;i<=totalPage;i++){
if(page==i)cls="btn-info";
else cls="btn-default";
p+='<a data-p='+i+' class="btn btn-sm '+cls+'">'+i+'</a>';//«»
}
}if(page+4<totalPage){
for(var i=page-4;i<=page+3;i++){
if(page==i)cls="btn-info";
else cls="btn-default";
p+='<a data-p='+i+' class="btn btn-sm '+cls+'">'+i+'</a>';//«»
}
}
}if(page-4<=0){
for(var i=1;i<=8;i++){
if(page==i)cls="btn-info";
else cls="btn-default";
p+='<a data-p='+i+' class="btn btn-sm '+cls+'">'+i+'</a>';//«»
}
}
}
if(totalPage>1&&page+1<totalPage){
p+='<a data-p='+(page+1)+' class="btn btn-sm '+cls+'">»</a>';
p+='<a data-p='+totalPage+' class="btn btn-sm '+cls+'">尾页</a>';
}
return p;
}
好博客就要一起分享哦!分享海报
此处可发布评论
评论(0)展开评论
暂无评论,快来写一下吧
展开评论
他的专栏
他感兴趣的技术