
/* 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 += "<li "+cur+"><a href='地址/id/"+array['id']+"'>" + array['title'] + "</a><span>"+array['time']+"</span></li>";
});
$("#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 = "<span>共" + total_num + "條</span><span>" + page_cur + "/" + page_total_num + "</span>";
if(page_total_num > 1){ if (page_cur == 1) { //若是第一頁
page_str += "<span>首頁</span><span>上一頁</span>";
} else {
page_str += "<span><a href='javascript:void(0)' data-page='1'>首頁</a></span><span><a href='javascript:void(0)' data-page='" + (page_cur - 1) + "'>上一頁</a></span>";
}
if (page_cur >= page_total_num) { //若是最后頁
page_str += "<span>下一頁</span><span>尾頁</span>";
} else {
page_str += "<span><a href='javascript:void(0)' data-page='" + (parseInt(page_cur) + 1) + "'>下一頁</a></span><span><a href='javascript:void(0)' data-page='" + page_total_num + "'>尾頁</a></span>";
}
}
$("#page").html(page_str);
}
$(function() {
getData(1);//默認第一頁
$("#page a").live('click', function() { //live 向未來的元素添加事件處理器,不可用bind
var page = $(this).attr("data-page");//獲取當前頁 getData(page)
});
});
數據處理端就正常的接收參數查詢數據然后返回json前臺處理
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。