页面局部刷新原理思路

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一个原理。