LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/PHP/正文

PHP Jquery ajax 下拉加载内容

PHP541 次阅读

数据

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>


世上最好的保鲜就是不断进步,让自己成为一个更好和更值得爱的人。

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读