欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ajax上拉加载数据实现教程

程序员文章站 2022-04-24 16:50:52
1.通过分批次请求数据实现上拉加载 var goods_data; $(document).bind("touchmove",function(){...

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