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

简介: 摘自:http://www.iefans.net/ie-ajax-json-shuju-huancun/ 最近做设计的时候遇到一个小问题,当你用jquery的getjson函数从后台获取数据的时候,IE浏览器会自动设置缓存,如果此时你对数据进行修改的时候刷新页面,IE并不会在页面显示你修改后的数据,因为你刷新的时候IE浏览器会查找缓存并显示你修改前的数据,最后在网上查了些资料终于解决了IE浏览器下的问题。
+关注继续查看

摘自: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个接口

 

相关文章
|
4月前
|
存储 缓存 UED
客户端浏览器的缓存问题排查
客户端浏览器的缓存问题排查
49 0
|
8月前
|
缓存 Android开发 iOS开发
|
10月前
|
缓存 前端开发 UED
Ajax请求如何避免缓存问题
当Ajax第一次发送请求后,会把请求的URL和返回的响应结果保存在缓存内,当下一次调用Ajax发送相同的请求时(URL完全相同,参数完全相同),浏览器就不会与服务器交互,而是直接从缓存中把数据取出来,这是为了提高页面的响应速度和用户体验,(服务端也会收到请求响应304)。
89 0
|
存储 缓存 JavaScript
浏览器禁止缓存讲解
浏览器禁止缓存讲解
242 0
浏览器禁止缓存讲解
|
Web App开发 存储 缓存
浏览器的about:config清缓存及其他参数大全及其具体用途介绍
浏览器的about:config清缓存及其他参数大全及其具体用途介绍
fbh
|
Web App开发 缓存 Linux
Chrome浏览器强制刷新页面(不使用缓存)
在Chrome浏览器中按下F5或 Ctrl+F5 都没用,Chrome总是会强制使用页面缓存进行刷新,如何不使用页面缓存进行刷新? Chrome官方推荐使用如下快捷键,就可以不使用页面缓存进行刷新 Windows和Linu...
fbh
7142 0
|
Web App开发 缓存 JavaScript
三流黑客即可利用的CPU缓存漏洞 HTML5浏览器全部中招
本文讲的是三流黑客即可利用的CPU缓存漏洞 HTML5浏览器全部中招,哥伦比亚大学的四位研究人员认为,可以通过CPU缓存来监视用户在浏览器中进行的快捷键及鼠标操作。
1460 0
|
Web App开发 缓存 JavaScript
Chrome浏览器清除页面js文件缓存的方法
Chrome浏览器清除页面js文件缓存 Chrome浏览器清除js缓存方法虽然简单,但有些人还是不太会,有些人会去设置里面清除有时候没有用,这里写一下简单步骤,使用一次以后就会了,而且...
3975 0