本文为原创代码，转载请注明出处：http://www.pm-road.com/index.php/2014/07/24/26/

因为web端经常会展示很多数据，如果一页下来，肯定会看的眼花缭乱，所以肯定会用到分页的方法；网上会有很多分页的方法，但像这种情况，我都会自己去写这样方法，而不是照网上的搬过来；以下就是自己封装的一个方法，非常容易懂，也用做自己以后开发中的一个方法，代码如下(前提需要引入JQuery.js)：

/***其中会传入三个参数,另外在代码中有一个方法beginPostTestResult(page),*该方法是需要自己写的方法，该方法的作用就是向后台发出请求，得回数据的方法；*@parampage当前页*@parammaxPage最大页*@paramdivId你要把这个页分的显示放在哪个div中，传入divId*/functioninitPageInfo(page,maxPage,divId){$("#"+divId).html("");varkongge="&nbsp;&nbsp;&nbsp;&nbsp;";varfirstPage="首页";varprePage="上一页";varendPage="末页";varnextPage="下一页";if(page<1){page=1;}if(page>maxPage){page=maxPage;}if(page==1&&page<maxPage){endPage=“<ahref=’javascript:;’onclick=’beginPostTestResult(“+maxPage+”)’>末页</a>”;nextPage=“<ahref=’javascript:;’onclick=’beginPostTestResult(“+(page+1)+”)’>下一页</a>”;}elseif(page>1&&page<maxPage){firstPage=“<ahref=’javascript:;’onclick=’beginPostTestResult(1)’>首页</a>”;prePage=“<ahref=’javascript:;’onclick=’beginPostTestResult(“+(page-1)+”)’>上一页</a>”;endPage=“<ahref=’javascript:;’onclick=’beginPostTestResult(“+maxPage+”)’>末页</a>”;nextPage=“<ahref=’javascript:;’onclick=’beginPostTestResult(“+(page+1)+”)’>下一页</a>”;}elseif(page>1&&page==maxPage){firstPage=“<ahref=’javascript:;’onclick=’beginPostTestResult(1)’>首页</a>”;prePage=“<ahref=’javascript:;’onclick=’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”);

}