ajax分页代码

无敌的宇宙
无敌的宇宙
擅长邻域:Java,HTML,JavaScript,MySQL,支付,退款,图片上传

分类: Java 标签: ajax分页代码 ajax怎么写分页

2020-10-17 22:01:43 740浏览

这里是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展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695