IE浏览器下ajax缓存导致数据不更新的解决方法


摘自:http://www.iefans.net/ie-ajax-json-shuju-huancun/

复制代码
最近做设计的时候遇到一个小问题,当你用jquery的getjson函数从后台获取数据的时候,IE浏览器会自动设置缓存,如果此时你对数据进行修改的时候刷新页面,
IE并不会在页面显示你修改后的数据,因为你刷新的时候IE浏览器会查找缓存并显示你修改前的数据,最后在网上查了些资料终于解决了IE浏览器下的问题。 方法就是在你的请求的URL 后面设置个可变的参数,比如: Java代码 $.getJSON(
"sortShow!sortShow?time="+new Date().getTime(),function(){}); 开始我是直接这样写的 Java代码 $.getJSON("sortShow!sortShow,function(){}); 所以刷新的时候IE 会显示上次的缓存,因此你必须提交新的数据,所以在后面加了个时间参数,即使你的后台没设置这个参数,但也不会报错。
此时IE会重新向后台发出请求,类似的还有 math.random这个函数可以用。
复制代码

 另一文:http://www.jb51.net/article/32568.htm

复制代码
在做ajax页面无刷新添加的时候,IE下遭遇Ajax缓存,因为刚开始并不知道IE有这个坏毛病,折腾好久,终于解决问题。 

总结一下解决办法: 
在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,造成混乱,
即get方式时,获取数据,因发送参数和地址都一致,故IE浏览器会从缓存中取,而不会去请求服务器端,
而post方式因为参数的不同,不会产生这个问题]而FF下不会出现这种情况。为了不受缓存影响,可以这样做: IE访问策略: Internet选项
--浏览历史记录--设置-- Internet 临时文件的选项改为每次访问网页时也可以

在AJAX请求的页面后加个随机函数,我们可以使用随机时间函数
在javascript发送的URL后加上 t=Math.random() 例如这样:
URL+"&"+"t="+Math.random();//或者new Date(); 在 URL 参数后加上 "?timestamp=" + new Date().getTime(); 最好的方法: $.ajaxSetup({cache:false}) 这样页面中所有的ajax请求时,都执行这个。就不必改已经完成的N个接口
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值