您的位置:首页 > 其它

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

2017-06-23 16:10 288 查看



摘自: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个接口
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐