1、定义页标(要传入的惨数,显示那一页的数据)
var pageNo;//页码
currentPage=resp.pageNo;//根据返回的对象结果取页码
var pageHtml;//定义的html
var count=resp.totalPage;//总页数
2、总页数大于一定页数(当前取十页)
1)当初始页为1时 ,总页数大于10页,之后的省略号显示
2)当页数大于1小于第七页的时候,前面显示上一页,可翻页
3)当页数大于第七页小于总页数的时候,前后都使用省略号,始终保持显示的页数固定
4)注意最后的页数不能大于总页数,当大于总页数时,去总页数的值
3、总页数不超过十页时
4、将样式结果append到指定位置
5、完整代码
currentPage=resp.pageNo; var pageHtml; var count=resp.totalPage; if(resp.totalPage>10){ pageHtml="共"+resp.totalPage+"页|"+ "首页|"; if(currentPage==1){ resp.totalPage=10; for(var j=1;j<=resp.totalPage;j++){ if(resp.pageNo==j){ pageHtml=pageHtml+""+j+""; }else{ pageHtml=pageHtml+"["+j+"]"; } } pageHtml=pageHtml+"...."+"末页|共 "+resp.totalRecords+" 条"; } if(currentPage>1 && currentPage<7){ var b=currentPage-1; pageHtml=pageHtml+"[上一页]"; resp.totalPage=10; for(var j=1;j<=resp.totalPage;j++){ if(currentPage==j){ pageHtml=pageHtml+""+j+""; }else{ pageHtml=pageHtml+"["+j+"]"; } } pageHtml=pageHtml+"...."+"末页|共 "+resp.totalRecords+" 条"; } if(currentPage>7 && currentPage["+1+"]"+"...."; resp.totalPage=resp.pageNo+3; if(resp.totalPage>count){ resp.totalPage=count; } for(var j=resp.pageNo-3;j<=resp.totalPage;j++){ if(resp.pageNo==j){ pageHtml=pageHtml+""+j+""; }else{ pageHtml=pageHtml+"["+j+"]"; } } var b=resp.pageNo+1; pageHtml=pageHtml+"[下一页]"; pageHtml=pageHtml+"末页|共 "+resp.totalRecords+" 条"; } }else{ pageHtml="共"+resp.totalPage+"页|"+ "首页|"; for(var j=1;j<=resp.totalPage;j++){ if(resp.pageNo==j){ pageHtml=pageHtml+""+j+""; }else{ pageHtml=pageHtml+"["+j+"]"; } } pageHtml=pageHtml+"末页|共 "+resp.totalRecords+" 条"; } $("#pageNumber").append(pageHtml);