zoukankan      html  css  js  c++  java
  • 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;  
    }  
    

      

  • 相关阅读:
    排序之选择排序
    排序之冒泡排序
    NOIP 模拟 $22; m d$
    NOIP 模拟 $20; m z$
    NOIP 模拟 $20; m y$
    NOIP 模拟 $20; m 玩具$
    NOIP 模拟 $21; m Median$
    NOIP 模拟 $21; m Park$
    NOIP 模拟 $21; m Game$
    NOIP 模拟 $19; m w$
  • 原文地址:https://www.cnblogs.com/yeshaoxiang/p/12043707.html
Copyright © 2011-2022 走看看