ajax分页完全代码整理
成都创新互联主营曹妃甸网站建设的网络公司,主营网站建设方案,重庆APP软件开发,曹妃甸h5小程序定制开发搭建,曹妃甸网站营销推广欢迎曹妃甸等地区企业咨询
/* ajax分页 */var page_cur = 1; //当前页 var total_num, page_size, page_total_num;//总记录数,每页条数,总页数function getData(page) { //获取当前页数据 $.ajax({
type: 'GET',
url: 处理数据地址,
data: {
'page': page,
'catid': '{$video_info.catid}'
},
dataType: 'json',
success: function(json) {
$("#ul_lists").empty();
total_num = json.total_num; //总记录数
page_size = json.page_size; //每页数量
page_cur = page; //当前页
page_total_num = json.page_total_num; //总页数
var li = "";
var list = json.list;
$.each(list,
function(index, array) { //遍历返回json
var curid = {$video_info.id}; var cur = curid == array['id'] ? "class='cur'" : "";
li += "
" + array['title'] + ""+array['time']+"";
});
$("#ul_lists").append(li);
},
complete: function() {
getPageBar(); //js生成分页,可用程序代替 },
error: function() {
alert("数据异常,请检查是否json格式");
}
});
}function getPageBar() { //js生成分页
if (page_cur > page_total_num) page_cur = page_total_num; //当前页大于最大页数
if (page_cur < 1) page_cur = 1; //当前页小于1
page_str = "
共" + total_num + "条" + page_cur + "/" + page_total_num + "";
if(page_total_num > 1){ if (page_cur == 1) { //若是第一页
page_str += "
首页上一页";
} else {
page_str += "
首页上一页";
}
if (page_cur >= page_total_num) { //若是最后页
page_str += "
下一页尾页";
} else {
page_str += "
下一页尾页";
}
}
$("#page").html(page_str);
}
$(function() {
getData(1);//默认第一页
$("#page a").live('click', function() { //live 向未来的元素添加事件处理器,不可用bind
var page = $(this).attr("data-page");//获取当前页 getData(page)
});
});
数据处理端就正常的接收参数查询数据然后返回json前台处理
本文标题:ajax分页完全代码整理
网页链接:
http://dzwzjz.com/article/jiipce.html