• ajax无刷新分页


    /* 
     * 数据异步请求  
     */  
    function S_request(page){  
        $.ajax({  
            url: '请求的url',  
            type: 'post',  
            dataType:'json',  
            data : {  
                page        : page  
            },  
            success:function(data){  
                if (data.length>0) {  
                    //成功时的代码处理  
                    $('#pagefy').html(make_page_list(page, data[2], 'S_request'));  
                }else{  
                   //无数据时的代码处理  
                }  
            }  
        });  
    }  
    /** 
     *生成页码,该函数是异步请求 
     *@param pagenum 当前页数 1 2 3 4 5 ... 
     *@param pagecount 总页数 
     *@apram datacount 总记录数 
     *@param funcname 点击页码需时要调用的方法名(callback)  
     */  
    function getPageList(pagenum,pagecount,datacount,funcname){  
        var pagestr = ''; //分页字符串  
        if (pagecount == 1){return '';}  
        //显示首页,上一页  
        if (pagenum > 1){  
            pagestr += '<li><a class="a1" href="javascript:;">共'+datacount+'条记录/'+pagecount+'页</a></li>';  
            pagestr += '<li><a class="a1" href="javascript:' + funcname + '(1);">首页</a></li>';  
            pagestr += '<li><a class="a1" href="javascript:' + funcname + '('+ (pagenum - 1) +');">上一页</a></li>';  
        }else{  
            pagestr += '<li><a class="a1" href="javascript:;">共'+datacount+'条记录/'+pagecount+'页</a></li>';  
            pagestr += '<li><a class="a1" href="javascript:' + funcname + '(1);">首页</a></li>';  
            pagestr += '<li><a class="a1" href="javascript:' + funcname + '(1);">上一页</a></li>';  
        }  
        //显示中间的数字按钮  
        var shownum = 5;  
        var beginidx =1;  
        var half = parseInt(shownum/2);  
        if (pagenum>half) {beginidx = pagenum-half;}  
        for(var i = beginidx; i <= pagecount; i++){  
            var cls = "";  
            if(pagenum<=half && i>shownum && i<=pagecount){  
                continue;  
            }else if(pagenum>half && i>pagenum+half && i<=pagecount){  
                continue;  
            }  
            if(i == pagenum){  
                cls = "class= 'currActive' ";  
            }  
            pagestr += '<li><a style="margin-left:2px;"' + cls + ' href="javascript:' + funcname+'('+i+');">' + i + '</a></li>';  
        }  
        //显示尾页,下一页  
        if(pagenum < pagecount){  
            pagestr += '<li><a class="a1" style="margin-left:2px;" href="javascript:' + funcname + '('  
                    + (pagenum + 1) + ');">下一页</a></li>';  
            pagestr += '<li><a class="a1" href="javascript:' + funcname + '('+ pagecount +');">尾页</a></li>';  
        }else{  
            pagestr += '<li><a class="a1" style="margin-left:2px;" href="javascript:' + funcname + '('  
                    + (pagenum) + ');">下一页</a></li>';  
            pagestr += '<li><a class="a1" href="javascript:' + funcname + '('+ pagecount +');">尾页</a></li>';  
        }  
        return pagestr;  
    }  
    

      

  • 相关阅读:
    2019牛客暑期多校训练营(第五场)
    2019 Multi-University Training Contest 4
    Sublime主题安装
    CF-311B Cats Transport(斜率优化DP)
    CF-559C Gerald and Giant Chess(计数DP)
    [AHOI2009] [BZOJ1799] 月之迷 (数位DP)
    BZOJ_3270_博物馆_(高斯消元+期望动态规划+矩阵)
    BZOJ_1778_[Usaco2010_Hol]_Dotp_驱逐猪猡_(期望动态规划+高斯消元+矩阵)
    BZOJ_1013_[JSOI2008]_球形空间产生器_(高斯消元)
    BZOJ_1012_[JSOI2008]_最大数maxnumber_(线段树/树状数组+RMQ)
  • 原文地址:https://www.cnblogs.com/yeshaoxiang/p/12043707.html
Copyright © 2020-2023  润新知