jquery实现页面局部刷新

我们通常在执行一次ajax请求过后,需要更新界面上的某些内容,一般通过动态插入dom元素。

但如果改动较大,代码量就比较大。



此时可以采用jquery 的load方法来实现局部刷新



<div id="content">

    <span ...>some thing</span>

    ...

    ...

</div>



$("#content").load(location.href + ' #content>*');



此时content里的内容就会被替换成最新的了,因为走的是完整的请求循环,所以,view模板上的一些权限判断等等都可以自动完成,非常方便。
注意content后面的>* (所有后代元素)不要忘记,不然他会把自身添加进来,就出现嵌套了




下面介绍全页面刷新方法:有时候可能会用到
window.location.reload()刷新当前页面.

你可能感兴趣的:(jquery,Ajax)