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;  
    }  
    

      

  • 相关阅读:
    codevs 1792 分解质因数
    ScrollView嵌套ViewPager,ViewPager内容不显示问题
    AndroidStudio不重新运行,Debug调试已有进程
    Android进阶之Fragment与Activity之间的数据交互
    Android修改包名的方法,简单粗暴。
    android studio 按钮运行按钮后,不弹出选择运行模拟器的对话框
    RGB颜色值与十六进制颜色码转换工具
    Android Studio查看其它APP的布局结构
    android实现多条件筛选列表菜单筛选菜单
    Android,一条线串联实心圆布局
  • 原文地址:https://www.cnblogs.com/yeshaoxiang/p/12043707.html
Copyright © 2011-2022 走看看