關於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("Expires: Sat, 1 Jan 2005 00:00:00 GMT");
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：不推薦