我们通常在执行一次ajax请求过后,需要更新界面上的某些内容,一般通过动态插入dom元素。
但如果改动较大,代码量就比较大。
此时可以采用jquery 的load方法来实现局部刷新
<div id="content">
<span ...>some thing</span>
...
...
</div>
$("#content").load(location.href + ' #content>*');
此时content里的内容就会被替换成最新的了,因为走的是完整的请求循环,所以,view模板上的一些权限判断等等都可以自动完成,非常方便。
注意content后面的>* (所有后代元素)不要忘记,不然他会把自身添加进来,就出现嵌套了
下面介绍全页面刷新方法:有时候可能会用到
window.location.reload()刷新当前页面.
但如果改动较大,代码量就比较大。
此时可以采用jquery 的load方法来实现局部刷新
<div id="content">
<span ...>some thing</span>
...
...
</div>
$("#content").load(location.href + ' #content>*');
此时content里的内容就会被替换成最新的了,因为走的是完整的请求循环,所以,view模板上的一些权限判断等等都可以自动完成,非常方便。
注意content后面的>* (所有后代元素)不要忘记,不然他会把自身添加进来,就出现嵌套了
下面介绍全页面刷新方法:有时候可能会用到
window.location.reload()刷新当前页面.
本文介绍了如何使用jQuery的load方法实现网页局部刷新,避免大量DOM操作,提高用户体验。同时对比了全页面刷新的方法。
907

被折叠的 条评论
为什么被折叠?



