tp5.1 页面拉到尾部自动加载下一页内容

这里使用了ajax

页面部分

<ul class="zf_xs_list ">
  <li>111</li>
</ul>

<script>
  $(window).scroll(function(){undefined
 　　//判断是否滑动到页面底部
   if($(window).scrollTop() === $(document).height() - $(window).height()){undefined
     // TODO 滑动到底部时可请求下一页的数据并加载，加载可使用append方法
      console.log('加载下一页')
      var length = $('.zf_xs_list li').length
     console.log(length)
     $.get('?xs_ajax=1&xs_now_num='+length,function(res){
        console.log('res',res)
        $('.zf_xs_list').append(res);
     },'json');
    }
 });
</script>

控制器

调用

 $xs_now_num = input('xs_now_num','0');
        $xs_limit = 10;
        $xs_ajax = input('xs_ajax','');
        $xs_list = db('bm')->where($xs_where)->order($xs_order)->limit($xs_now_num,$xs_limit)->select();
        $this->assign('xs_list',$xs_list);
if($xs_ajax==1){
           $tpl ='';
           return $this->fetch($tpl)->getContent();die;
       }else{
           return view($tpl);
       }