码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-06-10 16:17:38      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

摘自: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个接口
技术分享

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

标签:

原文地址:http://www.cnblogs.com/huangyin1213/p/5573752.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!