页面局部刷新原理思路
html页面局部刷新思路分析:一种是通过vue来绑定数据模型,这种方法返回的是数据,利用的是ajax请求数据,vue绑定数据是双向响应式的,这种方法实现局部刷新较为简单。另一种是通过jquery操作dom元素的方法往标签中写入html内容(ps:如果是下拉刷新的话,利用的则是追加的方法),也是通过ajax向后台请求数据,不同的是返回的数据类型是html,从而实现页面的局部刷新。以下分别...
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一个原理。
更多推荐
所有评论(0)