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>