关于ajax的IE cache 问题分析及解决
最近做了一个ajax相关的功能,大概目标根据用户的不同登陆状态来生成不同的欢迎语,如下:
用户登陆了,就显示:您好呀,又来啦!
用户不登陆,则显示:您还没登陆!
很简单的应用,结果我写完ajax后,发现一个致命的问题:
Firefox中一切正常,但在IE第一次打开没问题,再刷新一次,中文就会成为乱码!
我仔细检查了一下,没结果,后来经过 Laruence 大哥的帮助,才发现是IE缓存的问题。
OK,这个问题是这个样子的:
原理:
Firefox 每次 request 都会重新再回一次 server 取得最新的数据,但是 IE 就不一样了,它会 cache 住之前得到的数据,只有第一次 request 时会真正的去 server 读取数据,导致ajax数据不会随时间而更新….
我打开IE的缓存文件夹,果然发现了一个以ajax请求地址命名的文件,打开一看,就明白为什么会乱码了,因为文件的存储是用ANSI的。可能IE不会用GBK的编码格式去读取这个文件,而会使用Unicode
解决方案(从网上收集的):
1、在服务端加 header("Cache-Control: no-cache, must-revalidate"); 或者用下面的组合更好一些:
header("Last-Modified: ".gmdate( "D, d M Y H:i:s")."GMT");
header("cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");
2、在ajax发送请求前加上 xmlHttpRequest.setRequestHeader("If-Modified-Since","0");
3、在ajax发送请求前加上 xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");
4、在 Ajax 的 URL 参数后加上 "?fresh=" + Math.random(); //当然这里参数 fresh 可以任意取了
5、第四种方法和第三种类似,在 URL 参数后加上 "?timestamp=" + new Date().getTime(); //推荐使用这种方式,我用的就是这种,个人认为比较方便。
6、用POST替代GET:不推荐