ajax无限翻页,Jquery ajax无刷新翻页的实现代码

var pageSize = "10";//每页行数

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

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

var rowCount = "0";//总条数

var params="";//参数

var url="activity_list.action";//action

$(document).ready(function(){//jquery代码随着document加载完毕而加载

//分页查询

function queryForPages(){

$.ajax({

url:url,

type:'post',

dataType:'json',

data:"qo.currentPage="+currentPage+"&qo.pageSize="+pageSize+params,

success:function callbackFun(data){

//解析json

var info = eval("("+data+")");

//清空数据

clearDate();

fillTable(info);

}

});

}

//填充数据

function fillTable(info){

if(info.length>1){

totalPage = info[info.length-1].totalPage;

var tbody_content="";//不初始化字符串"",会默认"undefined"

for(var i=0 ; i

tbody_content +="

"

+"

"+(i+1+(currentPage-1)*pageSize)+""

+"

"+info[i].title.substr(0,20)+""

+"

"+info[i].address.substr(0,6)+""

+"

"+info[i].quota_sign+"人"

+"

"+info[i].type+""

+"

编辑"

+"

"

$("#t_body").html(tbody_content);

}

}else{

$("#t_head").html("");

$("#t_body").html("

"+info.msg+"
");

}

}

//清空数据

function clearDate(){

$("#t_body").html("");

}

//搜索活动

$("#searchActivity").click(function(){ queryForPages(); });

//首页

$("#firstPage").click(function(){

currentPage="1";

queryForPages();

});

//上一页

$("#previous").click(function(){

if(currentPage>1){

currentPage-- ;

}

queryForPages();

});

//下一页

$("#next").click(function(){

if(currentPage

currentPage++ ;

}

queryForPages();

});

//尾页

$("#last").click(function(){

currentPage = totalPage;

queryForPages();

});

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值