婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁(yè) > 知識(shí)庫(kù) > 基于AJAX的分頁(yè)類實(shí)現(xiàn)代碼

基于AJAX的分頁(yè)類實(shí)現(xiàn)代碼

熱門標(biāo)簽:廣西ai語(yǔ)音電銷機(jī)器人哪家好 電銷機(jī)器人適用范圍 辦理一個(gè)400電話多少錢 接聽電話機(jī)器人哪有 莆田防封電銷卡價(jià)格 信貸電銷機(jī)器人有用嗎 蓄意標(biāo)記地圖標(biāo)注 如何用地圖標(biāo)注各分公司 察縣地圖標(biāo)注
復(fù)制代碼 代碼如下:

/**
* p>pagination.js
* p>通用的基于AJAX的分頁(yè)類
* @author jeanwendy
* @version 1.0
*/
var paginationIndex = 0;
var pagination = function(trTemplatId) {
    $().ajaxStart(function() {
        $.blockUI({
            message : 'table>tr>td style="vertical-align :bottom">font size=2pt>nbsp;加載數(shù)據(jù),請(qǐng)稍后.../font>/td>/tr>/table>'
        });
    }).ajaxStop($.unblockUI);

    paginationIndex = paginationIndex + 1;
    this.id = paginationIndex;
    this.trTemplatId = trTemplatId;
    this.pageNo = 1;
    this.pageSize = 10;
    this.beforeQuery = null;
    this.afterQuery = null;
    this.url = null;
    this.params = null;
    this.templat = null;
    this.childrenCount = null;

    this.setPageNo = function(pageNo) {
        if (pageNo != null)
            this.pageNo = pageNo;
    }
    this.setPageSize = function(pageSize) {
        if (pageSize != null)
            this.pageSize = pageSize;
    }
    this.setBeforeQuery = function(fn){
        this.beforeQuery = fn;
    }
    this.setAfterQuery = function(fn){
        this.afterQuery = fn;
    }

    this.load = function(url, params) {
        //初始化(只在第一次查詢時(shí)執(zhí)行)
        if(this.templat == null this.childrenCount == null){
            var templatObj = $('#'+this.trTemplatId);
            templatObj.parent().attr('id','tbody_id'+this.id);
            templatObj.removeAttr('id');
            templatObj.wrap("div id='divTemplat'>/div>");
            this.templat = $('#divTemplat').html();
            $('#divTemplat').remove();
            this.childrenCount = $('#tbody_id'+this.id).children().size();
        }
        //開始查詢
        this.url = url;
        if(params == null) params = {};
        $.extend(params,{pageNo:this.pageNo,pageSize:this.pageSize});
        this.params = params;
        var thisObj = this;
        var options = {
            url : url,
            data : params,
            async : false, //采用同步方式請(qǐng)求
            type : 'POST',
            dataType : 'json',
            error : function(xmlhttp, errInfo, e) { //請(qǐng)求出錯(cuò)處理:如:404等
                if (xmlhttp.status == 200) alert('您已經(jīng)很長(zhǎng)時(shí)間沒有訪問網(wǎng)站,請(qǐng)退出后重新登陸!');
                else alert('請(qǐng)求后臺(tái)服務(wù)時(shí)發(fā)生錯(cuò)誤:' + xmlhttp.status);
            },
            success : function(data){
                //刪除上一次的數(shù)據(jù)
                $('#tbody_id'+thisObj.id).children().filter(':gt('+(thisObj.childrenCount-1)+')').remove();
                thisObj.pageList(data.data);
                thisObj.pageBar(data.total);
                if($.isFunction(thisObj.afterQuery)) thisObj.afterQuery();
            }
        };
        if($.isFunction(this.beforeQuery)) this.beforeQuery();
        $.ajax(options); //發(fā)送請(qǐng)求
    }

    this.pageList = function(data){
        var filedArr = this.templat.match(/\{[A-Za-z0-9_]+\}/ig);
        for(var i = 0;i data.length;i++){
            var thisTemplat = this.templat;
            for(var j = 0;j filedArr.length;j++){
                var key = filedArr[j].substring(1,filedArr[j].length-1);
                if(key == 'NO_'){ //序號(hào)標(biāo)識(shí)
                    var value = (this.pageNo-1)*this.pageSize + i + 1;
                    thisTemplat = thisTemplat.replace(new RegExp('\{'+key+'\}','gm'),value);
                }else{
                    var value = data[i][key];
                    if(typeof(value) != "undefined" value == null) value = '';
                    thisTemplat = thisTemplat.replace(new RegExp('\{'+key+'\}','gm'),value);
                }
            }
            $(thisTemplat).appendTo($('#tbody_id'+this.id));
        }
    }

    this.pageBar = function(total){
        var templatObj = $(this.templat);
        var delChildren = templatObj.children(':gt(0)');
        delChildren.remove();
        templatObj.children().attr('colspan',$(this.templat).children().size());
        templatObj.children().attr('align','right');
        var pageCount;
        if(total % this.pageSize == 0) pageCount = total/this.pageSize;
        else pageCount = parseInt(total/this.pageSize) + 1;
        if(pageCount == 0) pageCount = 1;
        var toolbar = "第"+this.pageNo+"/"+pageCount+"頁(yè)("+total+"條記錄)";
        if(this.pageNo == 1) toolbar = toolbar + "nbsp;首頁(yè)nbsp;上頁(yè)";
        else toolbar = toolbar + "nbsp;a href='' id='firstPage"+this.id+"'>首頁(yè)/a>nbsp;a href='' id='prePage"+this.id+"'>上頁(yè)/a>";
        if(this.pageNo == pageCount) toolbar = toolbar + "nbsp;下頁(yè)nbsp;末頁(yè)";
        else toolbar = toolbar + "nbsp;a href='' id='nextPage"+this.id+"'>下頁(yè)/a>nbsp;a href='' id='lastPage"+this.id+"'>末頁(yè)/a>";
        toolbar = toolbar + "nbsp;每頁(yè)input style='text-align:center;width:25px;height:20px;border:1 solid black' type='text' id='pageSize"+this.id+"' value="+this.pageSize+" />條";
        toolbar = toolbar + "nbsp;input style='text-align:center;width:25px;height:20px;border:1 solid black' type='text' id='pageNo"+this.id+"' value="+this.pageNo+" />";
        toolbar = toolbar + "nbsp;input style='height:20px;border:1 solid black' id='goPage"+this.id+"' type='button' value='GO'>";
        templatObj.children().html(toolbar);
        $(templatObj.wrap("div>/div>").parent().html()).appendTo($('#tbody_id'+this.id));
        var thisObj = this;
        $('#firstPage'+thisObj.id).click(function(){
            thisObj.pageNo = 1;
            thisObj.load(thisObj.url,thisObj.params);
            return false;
        });
        $('#prePage'+thisObj.id).click(function(){
            thisObj.pageNo = parseInt(thisObj.pageNo) - 1;
            thisObj.load(thisObj.url,thisObj.params);
            return false;
        });
        $('#nextPage'+thisObj.id).click(function(){
            thisObj.pageNo = parseInt(thisObj.pageNo) + 1;
            thisObj.load(thisObj.url,thisObj.params);
            return false;
        });
        $('#lastPage'+thisObj.id).click(function(){
            thisObj.pageNo = pageCount;
            thisObj.load(thisObj.url,thisObj.params);
            return false;
        });
        $('#pageSize'+thisObj.id).keydown(function(e){
            if(e.keyCode==13) {
                var v = $('#pageSize'+thisObj.id).val();
                if(!isIntGreatZero(v) || v == '0'){
                    alert('您輸入顯示條數(shù)不合法,請(qǐng)重新輸入!');
                    $("#pageSize"+thisObj.id).focus();
                    return;
                }
                if(v > 200){
                    alert('您輸入顯示條數(shù)過大了,請(qǐng)重新輸入!');
                    $("#pageSize"+thisObj.id).focus();
                    return;
                }
                thisObj.pageNo = 1;
                thisObj.pageSize = v;
                thisObj.load(thisObj.url,thisObj.params);
            }
        });
        $('#pageNo'+thisObj.id).keydown(function(e){
            if(e.keyCode==13) {
                $('#goPage'+thisObj.id).triggerHandler('click');
            }
        });
        $('#goPage'+thisObj.id).click(function(){
         var v = $('#pageNo'+thisObj.id).val();
            if(!isIntGreatZero(v) || v == '0'){
                alert('您輸入頁(yè)數(shù)不合法,請(qǐng)重新輸入!');
                $("#pageNo"+thisObj.id).focus();
                return;
            }
         if(v > pageCount){
                alert('您輸入頁(yè)數(shù)大于總頁(yè)數(shù),請(qǐng)重新輸入!');
                $("#pageNo"+thisObj.id).focus();
                return;
            }
            thisObj.pageNo = v;
            thisObj.load(thisObj.url,thisObj.params);
        });
    }

}
//true if the string is empty
var isEmpty = function(text) {
    var isEmpty = true;
    for (var i = 0; i text.length; i++) {
        if (text.charAt(i) != ' ') {
            isEmpty = false;
            break;
        }
    }
    return isEmpty;
}
//true if the string is int and great than zero or equals zero
var isIntGreatZero = function(str) {
    if (isEmpty(str))
        return false;
    var temp1 = true;
    var temp2 = '0123456789';
    for (var i = 0; i str.length; i++) {
        var c = str.charAt(i);
        if (temp2.indexOf(c) == -1) {
            temp1 = false;
            break;
        } else {
            if (c == '0' i == 0 str.length > 1) {
                temp1 = false;
                break;
            }
        }
    }
    return temp1;
}
您可能感興趣的文章:
  • 用jQuery中的ajax分頁(yè)實(shí)現(xiàn)代碼
  • AJAX分頁(yè)的代碼(后臺(tái)asp.net)
  • ajax實(shí)現(xiàn)無刷新分頁(yè)(php)
  • 無框架 Ajax分頁(yè)(原創(chuàng))
  • ASP AJAX 靜態(tài)分頁(yè)
  • php ajax無刷新分頁(yè),支持id定位
  • asp+ajax實(shí)現(xiàn)靜態(tài)頁(yè)面分頁(yè)的代碼
  • Ajax PHP分頁(yè)演示
  • AJAX和三層架構(gòu)實(shí)現(xiàn)分頁(yè)功能具體思路及代碼

標(biāo)簽:張掖 銅陵 益陽(yáng) 儋州 阿拉善盟 鷹潭 延邊

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《基于AJAX的分頁(yè)類實(shí)現(xiàn)代碼》,本文關(guān)鍵詞  基于,AJAX,的,分頁(yè),類,實(shí)現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《基于AJAX的分頁(yè)類實(shí)現(xiàn)代碼》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于基于AJAX的分頁(yè)類實(shí)現(xiàn)代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    亚洲视频资源在线| 欧美不卡一二三| 亚洲日本青草视频在线怡红院| 国产成人精品网址| 久久久久久久久伊人| 国产精品亚洲午夜一区二区三区| 久久丝袜美腿综合| 国产91对白在线观看九色| 亚洲色图清纯唯美| 欧美日韩一区精品| 精彩视频一区二区| **欧美大码日韩| 欧美日本在线观看| 久久66热re国产| 中文字幕中文字幕一区二区| 日本高清不卡视频| 日本va欧美va精品| 国产精品欧美精品| 欧美精品亚洲一区二区在线播放| 美女任你摸久久| 国产精品久久久久久久第一福利| 日本韩国视频一区二区| 麻豆成人久久精品二区三区小说| 久久综合九色综合97_久久久| 成人精品国产免费网站| 亚洲成人中文在线| 国产婷婷色一区二区三区四区| 色综合天天天天做夜夜夜夜做| 婷婷开心久久网| 国产人成亚洲第一网站在线播放| 欧美中文字幕一区二区三区亚洲| 麻豆专区一区二区三区四区五区| 最好看的中文字幕久久| 欧美一二三四在线| 一本色道久久综合狠狠躁的推荐| 蜜桃91丨九色丨蝌蚪91桃色| 亚洲视频小说图片| 26uuu国产日韩综合| 欧美日韩一卡二卡| 成人激情文学综合网| 麻豆国产精品一区二区三区 | 亚洲国产精品久久久久秋霞影院| 欧美电视剧免费观看| 色婷婷亚洲一区二区三区| 极品少妇一区二区三区精品视频| 亚洲视频在线一区二区| 国产日产欧美一区| 日韩免费一区二区| 欧美福利电影网| 一本色道久久综合亚洲91| 国产.欧美.日韩| 激情图片小说一区| 日韩精品每日更新| 亚洲激情av在线| 一色屋精品亚洲香蕉网站| 久久久午夜电影| 日韩女同互慰一区二区| 欧美日韩免费观看一区二区三区| 99免费精品视频| 国产精品一区二区你懂的| 麻豆精品一区二区综合av| 亚洲国产精品久久久久秋霞影院 | 国产精品正在播放| 免费在线看一区| 午夜视频一区在线观看| 亚洲综合男人的天堂| 国产精品福利av| 欧美极品aⅴ影院| 国产欧美一区二区三区在线看蜜臀| 日韩一二三区不卡| 日韩午夜电影av| 日韩一区二区在线看片| 欧美一区二区高清| 日韩欧美区一区二| 精品国产伦一区二区三区观看方式| 日韩区在线观看| 欧美一区2区视频在线观看| 91精品国产一区二区三区香蕉 | 高清不卡一二三区| 丁香激情综合国产| 成人激情黄色小说| 91麻豆成人久久精品二区三区| 91在线视频免费91| 欧美亚洲高清一区二区三区不卡| 在线观看视频一区二区| 欧美日韩视频在线第一区| 7777精品久久久大香线蕉| 欧美一区二区三区精品| 欧美大片顶级少妇| 国产欧美一区二区三区沐欲| 国产精品午夜春色av| 亚洲天堂成人网| 亚洲一区二区三区中文字幕| 亚洲成人在线网站| 狠狠色综合播放一区二区| 成人免费三级在线| 欧美色图免费看| 日韩一区二区在线观看视频| 久久亚洲精品小早川怜子| 国产精品久久久久久久浪潮网站 | 中文字幕av一区二区三区高| 1024国产精品| 日韩精品免费视频人成| 国产黑丝在线一区二区三区| 色综合视频在线观看| 在线91免费看| 国产欧美一区视频| 亚洲一区二区视频在线| 九色|91porny| 91麻豆免费看| 精品久久久久香蕉网| 中文字幕在线一区免费| 丝袜美腿亚洲一区二区图片| 精品一区二区国语对白| 色妞www精品视频| 日韩欧美国产高清| 亚洲精品水蜜桃| 国产精品夜夜嗨| 欧美日韩精品三区| 国产日韩欧美不卡在线| 五月综合激情婷婷六月色窝| 国产精品一区二区你懂的| 欧美日韩国产小视频在线观看| 国产午夜精品一区二区三区四区| 亚洲尤物视频在线| 成人深夜福利app| 日韩一区二区麻豆国产| 亚洲精品高清在线| 国产东北露脸精品视频| 在线不卡一区二区| 亚洲欧美日韩精品久久久久| 国内欧美视频一区二区| 欧美日韩国产在线观看| 1000部国产精品成人观看| 久久99久久久欧美国产| 欧美精品久久久久久久久老牛影院| 国产日韩欧美电影| 麻豆国产精品777777在线| 欧美私人免费视频| 亚洲激情中文1区| av一区二区三区四区| 久久久久综合网| 免费看日韩精品| 欧美午夜精品久久久久久超碰| 国产精品第五页| 国产91丝袜在线播放0| 精品久久久影院| 日本不卡1234视频| 欧美一a一片一级一片| 亚洲欧美福利一区二区| av电影天堂一区二区在线| 欧美精品一区在线观看| 久久激情综合网| 91精品国产欧美一区二区成人| 一级中文字幕一区二区| 日本久久精品电影| 亚洲乱码日产精品bd| 色婷婷综合激情| 亚洲精品亚洲人成人网| 在线视频欧美区| 一区二区不卡在线播放 | 国产精品1区2区3区在线观看| 日韩三级免费观看| 韩国成人福利片在线播放| 日韩免费高清av| 麻豆视频一区二区| 精品久久久久久久久久久久久久久久久| 久久免费偷拍视频| 国产精品一区二区x88av| 久久精品夜色噜噜亚洲aⅴ| 国产精品系列在线观看| 国产欧美一区二区精品性色| 成人一区二区三区| 亚洲日本成人在线观看| 色88888久久久久久影院野外| 亚洲精品自拍动漫在线| 欧美精品第1页| 久久 天天综合| 国产精品人人做人人爽人人添| 91尤物视频在线观看| 亚洲国产一二三| 日韩欧美色电影| 成人av电影观看| 亚洲成人av一区二区| 日韩片之四级片| 成人激情免费网站| 午夜视频在线观看一区二区三区| 日韩视频在线你懂得| 国产精品中文字幕日韩精品| 综合激情网...| 欧美久久久久中文字幕| 久久av资源网| 亚洲青青青在线视频| 69堂成人精品免费视频| 国产一区二区h| 一区二区三区国产| 亚洲精品在线电影| 99麻豆久久久国产精品免费| 日本vs亚洲vs韩国一区三区二区 | 国产精品电影一区二区|