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

Posted 2020-07-23 黄银

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