当前位置： 移动技术网 > IT编程>网页制作>CSS > ajax上拉加载数据实现教程

ajax上拉加载数据实现教程

2018年02月19日  | 移动技术网IT编程  | 我要评论

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.通过各类插件

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网