您现在的位置：首页 >> 前端 >> 内容

ajax上拉加载数据实现教程

时间：2018/2/13 14:34:36 点击：

　　核心提示：1.通过分批次请求数据实现上拉加载var goods_data;$(document).bind(touchmove,function(){//绑定触摸滑动事件 if ($(window).scrol...

1.通过分批次请求数据实现上拉加载

var goods_data;  
$(document).bind("touchmove",function(){//绑定触摸滑动事件  
   if ($(window).scrollTop() >= $(document).height() - $(window).height()-400) {//如果滑动距离大于400执行下面函数  
           
           
         page++  
          
         $.ajax({  
                type:"get",  
                url:"comment.php?act=gotopage&page="+page+"&id="+request['id'],//按需请求数据  
                async:false,  
                success:function(data){  
                      
                      goods_data=JSON.parse(data)  
                     
                },  
                error:function(xhr,textStatus){  
                        
                }  
             });  
              
             esc.innerHTML+=goods_data.content;//渲染页面      
bsp;     
  
    }  
);

2.通过各类插件