一个最为简单的jquery 分页实现方法！可以用用于理解js分页的原理。

html 页面需要的页面DOM

下面是ajax向后台传数据，成功返回数据的部分。（如有不懂请评论提问）

function pull_data(channel_id,daterange,page){
page = page || 1;

$.ajax({
url:window.location.href,
data:{
'channelid':channel_id,
'daterange':daterange,
'page':page
},
type:'POST',
dataType:'json',

success:function(object){
// $('#loading').remove();
$('#data-content tbody').html(' ');

if (object.status == "success") {

var str = "";

var pageData=[];
for(var i =0;i

str = "\
"+moment(object.data[i].report_date ).format('YYYY-M-D')+"\
"+object.data[i].appid+"\
"+object.data[i].gw_orderid+"\
"+object.data[i].dev_orderid+"\
"+object.data[i].goods_name+"\
"+object.data[i].pay_type+"\
"+object.data[i].pay_fee+"\
"+object.data[i].pay_result+"\
"+object.data[i].callback_result+"\
编辑\
";

pageData.push[str];

}

$('#data-content tbody').html(str)
//表结尾
 

$('#pages').html(' ');

var strpage ="";

strpage = '上一页';
for(var i=1;i<=PageCount;i++){
strpage +=''+i+'';

}

strpage +='下一页';

$('#pages').html(strpage);

显示默认页（第一页）
$('#table').empty().append(head);

for(i=(currentPage-1)*PageSize;i
$('#data-content tbody').append(pageData[i]);
}

$('#table').append(end);

显示选择页的内容
$('a').click(function(){

var selectPage=$(this).attr('selectPage');

$('#data-content tbody').html(' ');

for(i=(selectPage-1)*PageSize;i $('#data-content tbody').append(pageData[i]);

}

});

转载于:https://www.cnblogs.com/Hondsome/p/6054540.html

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！