ajax分页封装成函数

function getPage(page)
{
    $.ajax({
        type : ‘get‘,
        url : ‘pageUrl/page/‘+page,
        dataType : ‘json‘,
        success : function(data)
        {
            var html = ‘‘;
            $(data.data).each(function(k,v){
                html += ‘<span>‘+v.content+‘</span>‘;//根据返回data拼接html字符串
            });
            $(‘#Comtent‘).html(html);
            var totalPage = data.totalPage;//根据总的记录数,循环构造翻页字符串
            var rollPage = 5;//每页显示的提供点击的页数
            var offset = Math.ceil((rollPage / 2));
            var pageStr = ‘‘;//分页html字符串
            var p;  //字符页码
            if(totalPage>offset && page>offset)
                pageStr = ‘<a href="javascript:void(0);" onclick="getPage(1)">首页</a>‘;
            if(page > 1)
                pageStr += ‘<a href="javascript:void(0);" onclick="getPage(‘+(page-1)+‘)">上一页</a>‘;
            for(var i=1; i<=rollPage; i++)
            {
                if(page < offset)
                    p = i;
                else if(page + offset > totalPage)
                    p = totalPage-offset+i;
                else
                    p = page-offset+i;
                //拼接字符串
                if(p > 0 && p != page)
                    if(p <= totalPage)
                        pageStr += ‘<a href="javascript:void(0);" onclick="getPage(‘+p+‘)">‘+p+‘</a>‘;
                    else
                        break;
                else
                    if(page > 0 && totalPage != 1)
                        pageStr += ‘<a class="cur" href="javascript:void(0);">‘+p+‘</a>‘;
            }
            if(page < totalPage)
                pageStr += ‘<a href="javascript:void(0);" onclick="getPage(‘+(page+1)+‘)">下一页</a>‘;
            if(totalPage>offset && (page+offset)<totalPage)
                pageStr += ‘<a href="javascript:void(0);" onclick="getPage(‘+totalPage+‘)">尾页</a>‘;
            pageStr += ‘  <span class="rows">共‘+totalPage+‘页</span> ‘;
            $(‘#pageStr‘).html(pageStr);
            $(‘#count‘).html(‘(‘+data.count+‘)‘);
            cur_page = page;
        }
    });
}

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。