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

主頁 > 知識庫 > 基于AJAX的分頁類實現代碼

基于AJAX的分頁類實現代碼

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

/**
* p>pagination.js
* p>通用的基于AJAX的分頁類
* @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;加載數據,請稍后.../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) {
        //初始化(只在第一次查詢時執行)
        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, //采用同步方式請求
            type : 'POST',
            dataType : 'json',
            error : function(xmlhttp, errInfo, e) { //請求出錯處理:如:404等
                if (xmlhttp.status == 200) alert('您已經很長時間沒有訪問網站,請退出后重新登陸!');
                else alert('請求后臺服務時發生錯誤:' + xmlhttp.status);
            },
            success : function(data){
                //刪除上一次的數據
                $('#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); //發送請求
    }

    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_'){ //序號標識
                    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+"頁("+total+"條記錄)";
        if(this.pageNo == 1) toolbar = toolbar + "nbsp;首頁nbsp;上頁";
        else toolbar = toolbar + "nbsp;a href='' id='firstPage"+this.id+"'>首頁/a>nbsp;a href='' id='prePage"+this.id+"'>上頁/a>";
        if(this.pageNo == pageCount) toolbar = toolbar + "nbsp;下頁nbsp;末頁";
        else toolbar = toolbar + "nbsp;a href='' id='nextPage"+this.id+"'>下頁/a>nbsp;a href='' id='lastPage"+this.id+"'>末頁/a>";
        toolbar = toolbar + "nbsp;每頁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('您輸入顯示條數不合法,請重新輸入!');
                    $("#pageSize"+thisObj.id).focus();
                    return;
                }
                if(v > 200){
                    alert('您輸入顯示條數過大了,請重新輸入!');
                    $("#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('您輸入頁數不合法,請重新輸入!');
                $("#pageNo"+thisObj.id).focus();
                return;
            }
         if(v > pageCount){
                alert('您輸入頁數大于總頁數,請重新輸入!');
                $("#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分頁實現代碼
  • AJAX分頁的代碼(后臺asp.net)
  • ajax實現無刷新分頁(php)
  • 無框架 Ajax分頁(原創)
  • ASP AJAX 靜態分頁
  • php ajax無刷新分頁,支持id定位
  • asp+ajax實現靜態頁面分頁的代碼
  • Ajax PHP分頁演示
  • AJAX和三層架構實現分頁功能具體思路及代碼

標簽:平涼 張掖 銅陵 益陽 儋州 阿拉善盟 鷹潭 延邊

巨人網絡通訊聲明:本文標題《基于AJAX的分頁類實現代碼》,本文關鍵詞  基于,AJAX,的,分頁,類,實現,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《基于AJAX的分頁類實現代碼》相關的同類信息!
  • 本頁收集關于基于AJAX的分頁類實現代碼的相關信息資訊供網民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    午夜精品视频在线观看| 一本色道久久综合亚洲91| 成人黄色a**站在线观看| 欧美午夜精品久久久久久孕妇 | 欧美激情一区二区三区在线| 亚洲四区在线观看| 极品少妇一区二区| 在线观看国产一区二区| 国产片一区二区| 国产综合久久久久影院| 在线播放/欧美激情| 最新国产成人在线观看| 久久电影网电视剧免费观看| 欧洲亚洲国产日韩| 一区在线观看免费| 粉嫩aⅴ一区二区三区四区| 日韩午夜在线观看视频| 亚洲动漫第一页| 在线日韩av片| 亚洲精品菠萝久久久久久久| 高清不卡在线观看| 久久久99免费| 国产一区二区三区免费在线观看| 欧美精品亚洲二区| 午夜视频一区二区| 欧美日韩精品欧美日韩精品一 | 亚洲高清三级视频| 91成人国产精品| 亚洲曰韩产成在线| 欧美性色欧美a在线播放| 亚洲激情av在线| 色av一区二区| 亚洲777理论| 欧美一区国产二区| 老司机午夜精品| 欧美成人性福生活免费看| 极品美女销魂一区二区三区免费| 日韩欧美一级二级三级| 国产一区二区三区在线观看精品| 2020国产成人综合网| 国产成人小视频| 亚洲欧美中日韩| 欧洲精品在线观看| 天涯成人国产亚洲精品一区av| 欧美欧美欧美欧美首页| 欧美aaaaaa午夜精品| 26uuu亚洲综合色欧美| 国产成人精品免费一区二区| 中文在线一区二区| 91豆麻精品91久久久久久| 午夜欧美在线一二页| 精品国偷自产国产一区| 成人激情校园春色| 亚洲va韩国va欧美va精品| 日韩欧美的一区二区| 91麻豆精品国产自产在线观看一区 | 欧美久久久久免费| 六月丁香婷婷久久| 国产精品福利av| 欧美性淫爽ww久久久久无| 奇米888四色在线精品| 国产欧美日韩另类一区| 色婷婷综合久久久久中文一区二区 | 日本韩国精品在线| 美日韩黄色大片| 亚洲国产精品精华液2区45| 在线免费不卡视频| 精品在线亚洲视频| 自拍偷拍国产精品| 日韩欧美国产一区在线观看| 成+人+亚洲+综合天堂| 亚洲超丰满肉感bbw| 国产欧美一区二区精品忘忧草 | 亚洲色图视频网| 日韩一区二区三区视频在线| www.66久久| 精品一区二区三区免费播放 | 国产精品亚洲成人| 亚洲国产美女搞黄色| 国产精品污污网站在线观看| 91精品久久久久久久91蜜桃| av电影在线观看不卡| 精品一区精品二区高清| 一区二区三区久久| 中文字幕在线视频一区| www国产亚洲精品久久麻豆| 欧美色爱综合网| 99久久国产免费看| 国产激情偷乱视频一区二区三区| 天涯成人国产亚洲精品一区av| 日韩美女啊v在线免费观看| 久久精品人人做| 日韩欧美二区三区| 欧美日韩国产美| 欧美亚洲丝袜传媒另类| av中文字幕亚洲| 国产精品自拍毛片| 国内精品嫩模私拍在线| 久久精品国产99国产| 日韩精彩视频在线观看| 亚洲高清免费观看高清完整版在线观看| 国产欧美一区二区精品秋霞影院| 26uuuu精品一区二区| 日韩欧美在线1卡| 制服丝袜中文字幕一区| 欧美视频日韩视频| 欧美午夜影院一区| 欧美日韩久久一区二区| 亚洲色图自拍偷拍美腿丝袜制服诱惑麻豆 | 中文字幕精品一区二区精品绿巨人 | 51精品秘密在线观看| 99精品欧美一区二区三区小说| 久久91精品国产91久久小草| 美腿丝袜亚洲综合| 美女精品一区二区| 麻豆成人免费电影| 国产精品一区免费视频| 国产美女精品一区二区三区| 国产麻豆午夜三级精品| 国产成人亚洲综合a∨猫咪| 成人av电影免费在线播放| www.欧美亚洲| 欧美性猛片aaaaaaa做受| 一本久道中文字幕精品亚洲嫩| 色乱码一区二区三区88| 欧美三级视频在线观看| 欧美老年两性高潮| 欧美精品一区二区三区在线| 久久精品视频网| 亚洲男女毛片无遮挡| 亚洲国产精品欧美一二99| 亚洲地区一二三色| 欧美a一区二区| 国产美女娇喘av呻吟久久 | 国产乱对白刺激视频不卡| 国产成人aaa| 91麻豆免费观看| 欧美日韩dvd在线观看| 欧美va亚洲va| 亚洲日本在线看| 婷婷丁香久久五月婷婷| 国产精品白丝jk黑袜喷水| 91丨九色丨蝌蚪富婆spa| 91精品国产欧美一区二区18| 欧美不卡一区二区三区| 中文字幕av一区 二区| 亚洲地区一二三色| 国产原创一区二区| 91麻豆精品一区二区三区| 91精品国产美女浴室洗澡无遮挡| 2021久久国产精品不只是精品| 亚洲欧洲另类国产综合| 婷婷综合五月天| 国产精品中文字幕欧美| 欧美伊人精品成人久久综合97| 日韩欧美国产一区二区在线播放| 综合婷婷亚洲小说| 精品一二三四区| 欧美色精品在线视频| 国产亚洲人成网站| 三级久久三级久久| 96av麻豆蜜桃一区二区| 久久嫩草精品久久久久| 亚洲观看高清完整版在线观看| 成人动漫精品一区二区| 日韩一区二区高清| 亚洲图片有声小说| 国产凹凸在线观看一区二区| 欧美一区二区三区在线| 亚洲精品免费视频| 风间由美性色一区二区三区| 日韩亚洲欧美成人一区| 亚洲国产视频一区| 99久久99久久精品免费看蜜桃| 精品成人在线观看| 日韩二区在线观看| 国产拍揄自揄精品视频麻豆| 日韩电影一区二区三区四区| 91老师国产黑色丝袜在线| 国产精品视频你懂的| 国产一区二区导航在线播放| 91精品久久久久久久91蜜桃| 一区二区不卡在线播放 | 日韩三级伦理片妻子的秘密按摩| 亚洲一区二区美女| 色天天综合久久久久综合片| 国产午夜亚洲精品不卡| 狠狠色丁香婷婷综合久久片| 欧美一区二区私人影院日本| 日韩黄色免费网站| 在线成人av网站| 日韩经典一区二区| 欧美精品免费视频| 午夜av电影一区| 欧美一区二区网站| 精品一二三四区| 欧美国产一区二区| av电影天堂一区二区在线观看| 国产精品国产三级国产普通话99 | 亚洲成人av一区二区|