成都創(chuàng)新互聯(lián)主營(yíng)曹妃甸網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP軟件開(kāi)發(fā),曹妃甸h5小程序定制開(kāi)發(fā)搭建,曹妃甸網(wǎng)站營(yíng)銷推廣歡迎曹妃甸等地區(qū)企業(yè)咨詢

/* ajax分頁(yè) */var page_cur = 1; //當(dāng)前頁(yè) var total_num, page_size, page_total_num;//總記錄數(shù),每頁(yè)條數(shù),總頁(yè)數(shù)function getData(page) { //獲取當(dāng)前頁(yè)數(shù)據(jù)     $.ajax({ 
        type: 'GET', 
        url: 處理數(shù)據(jù)地址, 
        data: { 
            'page': page, 
            'catid': '{$video_info.catid}' 
        }, 
        dataType: 'json', 
        success: function(json) { 
            $("#ul_lists").empty(); 
            total_num = json.total_num; //總記錄數(shù) 
            page_size = json.page_size; //每頁(yè)數(shù)量 
            page_cur = page; //當(dāng)前頁(yè) 
            page_total_num = json.page_total_num; //總頁(yè)數(shù) 
            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生成分頁(yè)，可用程序代替         }, 
        error: function() { 
            alert("數(shù)據(jù)異常,請(qǐng)檢查是否json格式"); 
        } 
    }); 
}function getPageBar() { //js生成分頁(yè) 
    if (page_cur > page_total_num) page_cur = page_total_num; //當(dāng)前頁(yè)大于最大頁(yè)數(shù) 
    if (page_cur < 1) page_cur = 1; //當(dāng)前頁(yè)小于1 
    page_str = "<span>共" + total_num + "條</span><span>" + page_cur + "/" + page_total_num + "</span>"; 
    if(page_total_num > 1){        if (page_cur == 1) { //若是第一頁(yè) 
            page_str += "<span>首頁(yè)</span><span>上一頁(yè)</span>"; 
        } else { 
            page_str += "<span><a href='javascript:void(0)' data-page='1'>首頁(yè)</a></span><span><a href='javascript:void(0)' data-page='" + (page_cur - 1) + "'>上一頁(yè)</a></span>"; 
        } 
        if (page_cur >= page_total_num) { //若是最后頁(yè) 
            page_str += "<span>下一頁(yè)</span><span>尾頁(yè)</span>"; 
        } else { 
            page_str += "<span><a href='javascript:void(0)' data-page='" + (parseInt(page_cur) + 1) + "'>下一頁(yè)</a></span><span><a href='javascript:void(0)' data-page='" + page_total_num + "'>尾頁(yè)</a></span>"; 
        }
    }
    $("#page").html(page_str); 
}
$(function() {
    getData(1);//默認(rèn)第一頁(yè)
    $("#page a").live('click', function() { //live 向未來(lái)的元素添加事件處理器,不可用bind
        var page = $(this).attr("data-page");//獲取當(dāng)前頁(yè)        getData(page)
    });
});

數(shù)據(jù)處理端就正常的接收參數(shù)查詢數(shù)據(jù)然后返回json前臺(tái)處理

網(wǎng)站標(biāo)題：ajax分頁(yè)完全代碼整理
本文路徑：http://sd-ha.com/article24/jiipce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、App開(kāi)發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、軟件開(kāi)發(fā)、網(wǎng)站內(nèi)鏈、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)