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

r囧r小猫 2022-06-13 02:08 253阅读 0赞

#     #

摘自：http://www.iefans.net/ie-ajax-json-shuju-huancun/

![复制代码][copycode.gif]

最近做设计的时候遇到一个小问题，当你用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这个函数可以用。

![复制代码][copycode.gif]

另一文：http://www.jb51.net/article/32568.htm

![复制代码][copycode.gif]

在做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个接口

[copycode.gif]: /images/20220613/3f933395ed30453892eec996ec6974f5.png