IE浏览器下ajax缓存导致数据不更新的解决方法
2017-06-23 16:10
288 查看
最近做设计的时候遇到一个小问题,当你用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缓存导致数据不更新的解决方法
- IE浏览器下ajax缓存导致数据不更新的解决方法
- IE浏览器下ajax缓存导致数据不更新的解决方法
- IE浏览器下AJAX缓存问题导致数据不更新的解决办法
- 解决IE浏览器缓存导致AJAX请求数据异常
- ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- ASP.net的页面缓存导致Session更新不及时的解决方法
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- AJAX处理 POST数据中有特殊符号导致数据丢失的解决方法
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- 解决$.getJSON在IE浏览器下出现数据缓存,第一次访问某个后台路径之后,再次访问该路径不再走后台的方法。
- 关于web页面缓存问题解决方法,如图片缓存,异步提交数据页面不更新
- AJAX POST数据中有特殊符号导致数据丢失的解决方法
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- jpa缓存导致无法查询到更新后的数据&android出现ANR的一个解决办法
- IE9下Ajax无法刷新数据的缓存问题解决方法
- dedecms批量更新静态时提示:没有该栏目数据 可能缓存的解决方法
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- 防止ie浏览器缓存ajax请求的解决方法