tp框架最简单的ajax分页并且使用原有的模板进行数据嵌套

2021-11-09 67.5w热度

现在，ajax分页能够带来更好的用户体验，能够减少服务器资源和带宽，但是基于原有项目怎么最简单的去进行ajax分页，就需要我们动动脑经了。

这里简单讲述一下基于tp6，前后台不分离的情况下怎么快速进行分页，组长模板。

1：控制器

在模板渲染前添加如下代码 从第三行到第六行

View::assign("list",$list);
        
        if(request()->isAjax()){
            $data = view('public/article_list')->getContent();
            return json(['code'=>200,"msg"=>"success","data"=>$data]);
        }

return  view();
		
2：视图

<div class="article">
            {include file="public/article_list" /}
        </div>
        
        
        <div class="pagepp" style="text-align:center; padding-top:15px;">
            <button onclick="get_more()" type="button" class="mcr-btn mcr-btn-radius mcr-btn-normal">加载更多</button>
        </div>
		
```
<script type="text/javascript" charset="utf-8">
    let page = 2;
    function get_more(){
        layer.load()
        $.post('/',{page:page},function(e){
            console.log(e.data)
            $(".article").append(e.data)
            layer.closeAll()
            page++
        })
    }
</script>
```

原理就是利用tp自带的方法 `view('public/article_list')->getContent()`将公用模板读取为字符串并返回给前端就可以了，这样的话我们修改了公共页面的代码，ajax返回的也会自动进行修改。

注:原创不易,转载请注明出处( https://micuu.com/new/2358.html )，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。

最后修改与 2022-02-21

tp框架最简单的ajax分页并且使用原有的模板进行数据嵌套

留言反馈