站内搜索:
首页 >> 前端 >> 内容
ajax上拉加载数据实现教程

时间:2018/2/13 14:34:36

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

  • 上一篇:关于css伪类的实例分析
  • 下一篇:react-router-dom传参讲解
  • 返回顶部