解决jquery.pagination ajax 请求分页死循环

最近android转战前端.前端不在是以前的前端.(4年多没写).新技术玩不转了.唯一认识的还是jquery,幸好基础底子好。前戏不重要 上代码

page_index:调试会发现分页放在ajax 里面会一直进回调 。pageselectCallback:我的理解是页面被选中后 应该是 上一页 ,下一页 ,具体页码才会回调。 分页的时候也会走回调 。调试发现分页的时候回调page_index为0 利用这个原理 添加逻辑判断如下

var first_flag=true;    //是否已经分页
    /**
     * 分页回调
     * @param {Object}
     *  page_index:
     * @param {Object} jq
     */
    function pageselectCallback(page_index, jq){
        var pageNum = page_index+1;
            page_index++;
            if(pageNum == 1 && first_flag)
                first_flag = false;
            else{
                if(pageNum == 1)
                    first_flag = true;
                else{
                     $("#page_index").text(page_index);
                }
                getList(page_index);

            }
            return false;
    }
    /**
     * 是否是第一次分页
     */
    function pageinit(isfirst,total){
         if(isfirst){
                 $("#count").text(total);
                     $("#Pagination").pagination(total, {
                    num_edge_entries: 1, //边缘页数
                    num_display_entries: 4, //主体页数
                    callback: pageselectCallback,
                    items_per_page: page_size_value
                    });
           }
    }
function getList(page_index)
        {
            showLoading();
            $.ajax({
                url: serverUrl + "trucks/char",
                type: 'get',
                dataType: "json",
                data: {
                    token:userObj.token,
                    char:$("#char").val().trim(),
                    page_index:page_index,
                    page_size:page_size_value
                },
                success: function (data) {
                    closeLoding();
                                         //成功
                    if(data.code==1000)
                    {
                        var total=data.data.count;
                         pageinit(first_flag,total);
                         ...
                   }
             }}

如果有索搜的话。需要重置first_flag=false;否则查询不分页。之前的写法是用两个ajax请求.第一个获取总数然后分页。不合理。正好调试下个改掉.现在准备用gulp 来实现发布后不用清除缓存.自动对url添加版本号。研究好了接着贴。 有问题可以给我留言。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值