分页ajax上一页下一页,JQuery AJAX 分页，跳页下一页，上一页【总结了一天啊干货】...

网上的分页基本有问题，自己总结下：代码如下

var pagesi = "2";//每页行数

var totalPage = "0";//总页数

var currentPage = "1";//当前页

$(function(){

$('.menu_item').click(function () {

$('.menu_item').removeClass('selected');

$(this).addClass('selected');

});

$('.js_top').click(function () {

$('.js_top').removeClass('selected');

$(this).addClass('selected');

});

$('#commentList').click(function(){

queryForPages();

});

//上一页

$(".page_prev").click(function(){

if(currentPage>1){

currentPage-- ;

$(".page_prev").css({display:"inline-block"});

queryForPages();

}

if(currentPage==1){

$(".page_prev").hide();

}

if(currentPage

$(".page_next").css({display:"inline-block"});

}

});

//下一页

$(".page_next").click(function(){

if(currentPage

currentPage++ ;

$(".page_next").css({display:"inline-block"});

queryForPages();

}

if(currentPage>1){

$(".page_prev").css({display:"inline-block"});

}

if(currentPage==totalPage){

$(".page_next").hide();

}

});

//跳页

$('.page_go').click(function(){

currentPage = $('.goto_area').find('input').val();

queryForPages();

if(currentPage==1){

$(".page_prev").hide();

}

if(currentPage>1){

$(".page_prev").css({display:"inline-block"});

}

if(currentPage

$(".page_next").css({display:"inline-block"});

}

if(currentPage==totalPage){

$(".page_next").hide();

}

});

});

//通过AJAX查找

function queryForPages(){

$.post("comment/getCommentNaichaByTimeType.do",

{

timeType:"3",

currentPage: currentPage,

pageSize: pagesi

},

function(data){

var good = data.countList[0].count;

var middle = data.countList[1].count;

var bad = data.countList[2].count;

var total = good + middle + bad;

$('#good').text(good);

$('#middle').text(middle);

$('#bad').text(bad);

$('#total').text(total);

totalPage = Math.ceil(total/pagesi);//总也数

$('#currentPage').text(currentPage);

$('#totalPage').text(totalPage);

var childhtml = '';

$.each(data.commentNaichaList, function(idx, obj) {

var time = obj.time;

var rank = obj.rank;

var content = obj.content;

var beCommentName = obj.beCommentName;

var toCommentName = obj.toCommentName;

console.log(obj.content);

childhtml += '

'

childhtml += '

'+time+'';

childhtml += '

'+rank+'';

childhtml += '

'+content+'';

childhtml += '

'+beCommentName+'';

childhtml += '

'+toCommentName+'';

childhtml += '

';

});

console.log(childhtml);

$('#js_detail').html(childhtml);

});

}