欧美阿v视频在线大全_亚洲欧美中文日韩V在线观看_www性欧美日韩欧美91_亚洲欧美日韩久久精品

主頁 > 知識庫 > 基于AJAX的分頁類實現(xiàn)代碼

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

熱門標簽:廣西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;加載數(shù)據(jù),請稍后.../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) {
        //初始化(只在第一次查詢時執(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, //采用同步方式請求
            type : 'POST',
            dataType : 'json',
            error : function(xmlhttp, errInfo, e) { //請求出錯處理:如:404等
                if (xmlhttp.status == 200) alert('您已經(jīng)很長時間沒有訪問網(wǎng)站,請退出后重新登陸!');
                else alert('請求后臺服務時發(fā)生錯誤:' + 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ā)送請求
    }

    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('您輸入顯示條數(shù)不合法,請重新輸入!');
                    $("#pageSize"+thisObj.id).focus();
                    return;
                }
                if(v > 200){
                    alert('您輸入顯示條數(shù)過大了,請重新輸入!');
                    $("#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('您輸入頁數(shù)不合法,請重新輸入!');
                $("#pageNo"+thisObj.id).focus();
                return;
            }
         if(v > pageCount){
                alert('您輸入頁數(shù)大于總頁數(shù),請重新輸入!');
                $("#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分頁實現(xiàn)代碼
  • AJAX分頁的代碼(后臺asp.net)
  • ajax實現(xiàn)無刷新分頁(php)
  • 無框架 Ajax分頁(原創(chuàng))
  • ASP AJAX 靜態(tài)分頁
  • php ajax無刷新分頁,支持id定位
  • asp+ajax實現(xiàn)靜態(tài)頁面分頁的代碼
  • Ajax PHP分頁演示
  • AJAX和三層架構(gòu)實現(xiàn)分頁功能具體思路及代碼

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

巨人網(wǎng)絡(luò)通訊聲明:本文標題《基于AJAX的分頁類實現(xiàn)代碼》,本文關(guān)鍵詞  基于,AJAX,的,分頁,類,實現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《基于AJAX的分頁類實現(xiàn)代碼》相關(guān)的同類信息!
  • 本頁收集關(guān)于基于AJAX的分頁類實現(xiàn)代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    欧美阿v视频在线大全_亚洲欧美中文日韩V在线观看_www性欧美日韩欧美91_亚洲欧美日韩久久精品
  • <rt id="w000q"><acronym id="w000q"></acronym></rt>
  • <abbr id="w000q"></abbr>
    <rt id="w000q"></rt>
    99久久精品情趣| 欧美伊人精品成人久久综合97| 欧美日韩国产综合视频在线观看| 国产精品久久久久永久免费观看 | 中文字幕欧美一| 风间由美性色一区二区三区| 亚洲欧美va天堂人熟伦 | 久久激五月天综合精品| 蜜桃精品成人影片| 欧美一级欧美一级在线播放| 亚洲成人精品在线观看| 亚洲精品第二页| 欧美一区二区在线免费播放| 无吗不卡中文字幕| a级在线观看视频| 日韩精品一区在线| 久久精品999| 黄色激情小视频| 亚洲国产成人自拍| av亚洲产国偷v产偷v自拍| 91精彩视频在线观看| 亚洲综合一区二区精品导航| 亚洲美女高潮久久久| 这里只有精品电影| 免费日本视频一区| www久久久久久久| 中文无字幕一区二区三区| 成人激情动漫在线观看| 在线免费观看不卡av| 亚洲18女电影在线观看| 91成年人网站| 国产免费成人在线视频| 99精品欧美一区二区三区小说| 欧洲精品在线观看| 日韩成人伦理电影在线观看| 51妺嘿嘿午夜福利| 国产精品国产精品国产专区不蜜| av不卡免费在线观看| 欧美精品久久一区二区三区| 欧美a级理论片| 国产白丝一区二区三区| 亚洲欧美aⅴ...| 男男做爰猛烈叫床爽爽小说| 久久综合九色综合欧美亚洲| 国产成人精品三级| 欧美色视频在线观看| 日本vs亚洲vs韩国一区三区| 亚洲综合图片一区| 亚洲小说春色综合另类电影| aaaaa一级片| 国产精品久久二区二区| www.555国产精品免费| 亚洲精品一区二区三区香蕉| 成人高清av在线| 91精品国产色综合久久| 国产精品99久久久久久似苏梦涵 | 国产精品1024| 欧美日韩精品一区二区三区 | 鲁丝一区二区三区| 亚洲嫩草精品久久| 制服 丝袜 综合 日韩 欧美| 亚洲视频精选在线| 扒开jk护士狂揉免费| 亚洲视频一区二区在线| 国产精品成人一区二区三区电影毛片 | 欧美成人a∨高清免费观看| 丁香激情综合国产| 日韩午夜电影av| voyeur盗摄精品| 精品国产三级a在线观看| 91影视在线播放| 26uuu成人网一区二区三区| 91视频国产资源| 久久久久久黄色| 中国黄色片视频| 国产精品麻豆久久久| 国产精品一区二区入口九绯色| 国产精品毛片久久久久久| 日本xxx在线播放| 亚洲精品成人少妇| 免费黄色激情视频| 青青草原综合久久大伊人精品优势| 私库av在线播放| 精品一区二区三区在线视频| 欧美精品九九99久久| 成人爽a毛片一区二区免费| 精品国产污网站| 国产乱淫av片| 亚洲天堂2016| 激情五月激情综合| 久久激情五月激情| 3atv一区二区三区| 91色视频在线| 中文字幕一区二区三| 欧美精品日韩在线| 欧美aⅴ一区二区三区视频| 欧美三级一区二区| av不卡免费电影| 国产精品免费视频观看| 性猛交娇小69hd| 日本少妇一区二区| 欧美人体做爰大胆视频| 97成人超碰视| 最好看的中文字幕久久| jizzjizz日本少妇| 激情久久久久久久久久久久久久久久| 欧美电影在哪看比较好| 亚洲精品一区二区18漫画| 亚洲婷婷综合久久一本伊一区| 国产精品69久久久久孕妇欧美| 久久国产福利国产秒拍| 日韩视频在线观看一区二区| 国产精品入口麻豆| 亚洲国产成人va在线观看天堂| 91久久精品日日躁夜夜躁欧美| 成人福利电影精品一区二区在线观看| 国产视频亚洲色图| 免费在线观看a视频| 极品美女销魂一区二区三区| 欧美成人一区二区| 欧美图片第一页| 久久成人免费电影| 久久久久国产精品人| 91视频免费在观看| 国产麻豆成人精品| 亚洲国产高清在线| 超碰手机在线观看| 99精品视频在线免费观看| 亚洲欧美另类在线| 欧美亚洲国产bt| 国内自拍偷拍视频| 午夜精品一区在线观看| 4hu四虎永久在线影院成人| 亚洲一区二区三区综合| 日本不卡的三区四区五区| 精品国产一区二区在线观看| 无码人妻aⅴ一区二区三区69岛| 久久精品国产一区二区| 久久综合九色综合欧美98| 九九热久久免费视频| 成人免费视频国产在线观看| 亚洲欧美综合另类在线卡通| 91福利国产成人精品照片| 国产成人精品一区二区在线小狼| 亚洲国产欧美日韩另类综合| 欧美一区二区三区系列电影| 亚洲久久久久久久| 国产酒店精品激情| 亚洲视频一区二区免费在线观看| 欧美三级中文字幕在线观看| 182在线视频| 国产一区二区在线电影| 亚洲欧美自拍偷拍色图| 欧美日韩精品免费观看视频| 一本加勒比北条麻妃| 国产麻豆成人传媒免费观看| 亚洲情趣在线观看| 欧美精品xxxxbbbb| 欧美人与性囗牲恔配| 成人毛片视频在线观看| 亚洲最大的成人av| 精品国产污网站| 久久精品黄色片| 国产精品久久久久久亚洲av| 久久精品久久精品| 亚洲欧洲日本在线| 欧美精品tushy高清| 手机看片日韩av| 91亚洲大成网污www| 青青草原综合久久大伊人精品| 国产校园另类小说区| 欧美综合一区二区| 女人又爽又黄免费女仆| 不卡影院免费观看| 日韩精品每日更新| 国产精品色哟哟网站| 欧美老女人在线| a一级免费视频| 亚洲麻豆一区二区三区| 国产乱人伦偷精品视频免下载| 一区二区三区在线视频播放 | 亚洲少妇一区二区三区| 紧缚捆绑精品一区二区| 一区二区三区不卡在线观看 | 稀缺小u女呦精品呦| 国产精品1024| 日日摸夜夜添夜夜添精品视频 | 国产精品一二三区在线观看| 99视频精品全部免费在线| 欧美bbbbb| 亚洲另类春色校园小说| 2023国产精品| 欧美日韩日本视频| 四虎884aa成人精品| 免费无码一区二区三区| 99久久综合99久久综合网站| 久久不见久久见免费视频1| 一区二区三区中文免费| 欧美高清在线一区二区| 日韩欧美一二三|