计算机网络/计算机科学与应用/系统/运维/开发

PHP Jquery ajax 下拉加载内容

数据

public function index()
{
        if(request()->isGet()){
            $p = input('get.p');
            if(empty($p)){ $p = 1;}
            $p = $p*6;
            
        $zxrjLst = Db::name('zxrj')
            ->where('status',1)
            ->where('delete_time',0)
            ->order('id desc')
            ->limit(0,$p)
            ->select();
        }
        $this->assign('zxrjLst',$zxrjLst);
        return view();
        
}


前端

<script type="text/javascript">  
        var URL = {
        url:"{:url('index/zxrj/index')}"
        }
        
            $(function() {  
                var winH = $(window).height(); //页面可视区域高度  
                var i = 1;  
                var page =1;
                $(window).scroll(function() {  
                //浏览器时下窗口文档body的高度
                    var pageH = $(document.body).height();  
                    //滚动条top  
                    var scrollT = $(window).scrollTop(); 
                    var H = (pageH - winH - scrollT) / winH;  
              
                    if (H < 0.06) {  
                    page =page+1;
                $.ajax({
                    type:'get',
                    url:URL.url,
                    data:{"p":page},
                    success:function(res){
                      
                        if(res){
                            $(".zx-list").html($(res).find('.zx-list').html());
                        }
                        $(".p-line").css('display','block');
                    },error: function (XMLHttpRequest, textStatus, errorThrown) {
                        console.log(XMLHttpRequest.status);
                        console.log(XMLHttpRequest.readyState);
                        console.log(textStatus);
                    }
                });
                return false;
                    }
                });  
            });  
    </script>


ajax

学会在学习中寻找乐趣,学会乐在其中并保持热情

评论

^