JS对数据分页的封装方法

本文为原创代码，转载请注明出处：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 = “末页”;
nextPage =  “下一页”;
}else if(page >1 && page < maxPage){
firstPage = “首页”;
prePage = “上一页”;
endPage = “末页”;
nextPage =  “下一页”;
}else if(page > 1 && page == maxPage){
firstPage = “首页”;
prePage = “上一页”;
}
$(“#”+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”);

}

本文题目：JS对数据分页的封装方法
网页路径：http://mswzjz.cn/article/jdjcod.html