jq向上滑动分页

<script>
  // 产品分页
  $(function(){
    //判断什么时候加载更多
    var type=1;
    var limit=8;  //一页显示几条
    getData(1,limit,type);  //初始化
    var winH = $(window).height(); //页面可视区域高度
    var loading =false ;  //状态标记
    window.page =2;               //page从2加开始
    window.isEnd=false;
    $(window).scroll(function(){
      var scrollT = $(window).scrollTop(); //滚动条top
      var pageH = $(document.body).height();//body高度
      var aa = pageH-winH - scrollT;
     
      if(isEnd){       //判断是否到底
        return;
      }
      if(isEnd==false&&aa<50){
        if(loading) return;
        getData(page,limit,type);
        window.page++;
        loading = true;
      }else{
        loading = false;
      }
    });
  });
  //    我的好友
  function getData(page,limit,type){
    $.ajax({
      type:"post",
      url:"/M/user/pro_list",
      dataType:"json",
      data: {type:type,page:page,limit:limit},
      beforeSend:function(){
        console.log(type);
        $(".alert").html('<i class="am-icon-spinner am-icon-spin"></i>');
      },
      success:function(res){
        $(".alert").html("");
        var data=res.list;
        if(res.status==0){
          $(".alert").text("暂无数据,敬请期待!");
          return;
        }else if(res.status==2){
          $(".alert").text("已到底!");
          return;
        }else{
          for(i=0;i<data.length;i++){
            var tmp =
                    '<li>'+
                    '<a href="/M/user/goods_details?id='+ data[i].id+'">'+
                    '<img style="width:116px; height:116px;" src="'+ data[i].gift_pic+'" alt=""/>'+
                    '<p class="p1">'+data[i].gift_name +'</p>'+
                    '<p class="p2">'+data[i].gift_credit +'积分</p>'+
                    '</a>'+
                    '</li>'
            $(".list").append(tmp);
          }
          if(data.length<limit){
            $(".alert").text("已到底");
            window.isEnd=true;
            return;
          }
        }
      },
      error:function(){
        // $(".alert").text("加载失败,请检查网络...");
      }
    })
  }
</script>

 

posted @ 2018-04-25 11:51  心随风飞lss  阅读(573)  评论(0编辑  收藏  举报