本文为原创代码,转载请注明出处:http://www.pm-road.com/index.php/2014/07/24/26/
因为web端经常会展示很多数据,如果一页下来,肯定会看的眼花缭乱,所以肯定会用到分页的方法;网上会有很多分页的方法,但像这种情况, 我都会自己去写这样方法,而不是照网上的搬过来;以下就是自己封装的一个方法,非常容易懂,也用做自己以后开发中的一个方法,代码如下(前提需要引入 JQuery.js):
/** * 其中会传入三个参数,另外在代码中有一个方法beginPostTestResult(page),* 该方法是需要自己写的方法,该方法的作用就是向后台发出请求,得回数据的方法; * @param page 当前页 * @param maxPage 最大页 * @param divId 你要把这个页分的显示放在哪个div中,传入divId */ function initPageInfo(page,maxPage,divId){ $("#"+divId).html(""); var kongge = " "; var firstPage = "首页"; var prePage = "上一页"; var endPage = "末页"; var nextPage = "下一页"; if(page < 1){ page = 1; } if(page > maxPage ){ page = maxPage ; } if(page == 1 && page < maxPage){ endPage = “<a href=’javascript:;’ οnclick=’beginPostTestResult(“+maxPage+”)’>末页</a>”; nextPage = “<a href=’javascript:;’ οnclick=’beginPostTestResult(“+(page+1)+”)’>下一页</a>”; }else if(page >1 && page < maxPage){ firstPage = “<a href=’javascript:;’ οnclick=’beginPostTestResult(1)’>首页</a>”; prePage = “<a href=’javascript:;’ οnclick=’beginPostTestResult(“+(page-1)+”)’>上一页</a>”; endPage = “<a href=’javascript:;’ οnclick=’beginPostTestResult(“+maxPage+”)’>末页</a>”; nextPage = “<a href=’javascript:;’ οnclick=’beginPostTestResult(“+(page+1)+”)’>下一页</a>”; }else if(page > 1 && page == maxPage){ firstPage = “<a href=’javascript:;’ οnclick=’beginPostTestResult(1)’>首页</a>”; prePage = “<a href=’javascript:;’ οnclick=’beginPostTestResult(“+(page-1)+”)’>上一页</a>”; } $(“#”+divId).html(firstPage+kongge+prePage+kongge+page+kongge+nextPage+kongge+endPage); }
一般情况下,我都会这样去用此方法:
function beginPostTestResult(page){
$.post(url,{参数},function(data,state,response){
//TODO你的操作
//注意:参数page 都要是×××的,不能是字符型
initPageInfo
(page,maxPage,divId);
},”json”);
}
转载于:https://blog.51cto.com/pmroad/1597704