码迷,mamicode.com
首页 > Web开发 > 详细

ajax无刷新分页

时间:2019-12-15 14:49:53      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:callback   rip   begin   首页   asc   int   无刷新   代码   for   

/* 
 * 数据异步请求  
 */  
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;  
}  

  

ajax无刷新分页

标签:callback   rip   begin   首页   asc   int   无刷新   代码   for   

原文地址:https://www.cnblogs.com/yeshaoxiang/p/12043707.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!