php ajax搜索 无刷新搜索分页 亲测代码

HTML视图层 代码

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    $(document).on('click','.pagination a',function(event){   //分页
        event.preventDefault();
        _this = $(this);
        var href = _this.attr("href");
        $.ajax({
            url:href,
            dataType:'json',
            type:'post',
            success:function(res){
                $("#shuju").empty();
                var str = "";
                $.each(res.video.data,function(k,v){
                    str+='<div>
                        <a href="/home/maifang/video_detail?id='+v.id+'" target="_blank">
                        <div>
                            <img src="'+v.img+'" alt="">
                            <span>'+v.time+'</span>
                        </div>
                        <div>
                            <div>'+v.desc+'</div>
                            <div></div>
                            <div>
                                <div>
                                    <img src="'+v.company_logo+'" alt="">
                                    <span></span>
                                </div>
                                <span>'+v.company+'</span>
                            </div>
                        </div>
                    </a>
                </div>';
                })
                    $('#shuju').html(str);
                    $(".pagination").html(res.page);
                    
            }
        })
    })
</script>

TP5 控制器代码

$data['video'] = db('videos')->where($where)->paginate(10);            //数据
		$data['page'] = $data['video']->render();   //分页
		
		if(Request::instance()->isAjax()){
			 return json($data);
		}
		$this->assign('video',$data['video']);
		$this->assign('page',$data['page']);


		return $this->fetch('videolist');

TP5 php ajax搜索 无刷新搜索分页 亲测演示效果