您好,登錄后才能下訂單哦!
/* 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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。