jquery实现页面局部刷新

本文介绍了如何使用jQuery的load方法实现网页局部刷新,避免大量DOM操作,提高用户体验。同时对比了全页面刷新的方法。
我们通常在执行一次ajax请求过后,需要更新界面上的某些内容,一般通过动态插入dom元素。

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



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



<div id="content">

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

...

...

</div>



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



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


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值