html页面局部刷新思路分析:

一种是通过vue来绑定数据模型,这种方法返回的是数据,利用的是ajax请求数据,vue绑定数据是双向响应式的,这种方法实现局部刷新较为简单。

另一种是通过jquery操作dom元素的方法往标签中写入html内容(ps:如果是下拉刷新的话,利用的则是追加的方法),也是通过ajax向后台请求数据,不同的是返回的数据类型是html,从而实现页面的局部刷新。

以下分别是原生的写法,thinkphp框架的写法与laravel框架的写法

原生的话直接在后台的php接口中将页面引入然后返回给前台就行前台通过js直接将html写入标签中即可。

tp框架的话有它自己的语法,控制器中返回页面内容用fetch方法:

     ① display方法直接输出模板文件渲染后的内容,fetch方法是返回模板文件渲染后的内容

        ② 有时候我们不想直接输出模板内容,而是希望对内容再进行一些处理后输出,

             就可以使用fetch方法来获取解析后的模板内容,

上面是2者的区别,利用fetch方法即可。

laravel框架中有view()->with();方法,原理其实和thinkphp中的fetch一个原理。

 

 

 

Logo

前往低代码交流专区

更多推荐