ajax get方法產生IE緩衝問題解決辦法

昨天遇到一個這樣的問題：

IE 瀏覽器，網站 不能正常登陸和退出。

這就怪異了。之前比較忽略IE。用FirefoxGoogle測試都是好的。

經過反覆排查，終於發現了問題所在。

我使用的是jquery get方法擷取

在ie上就產生了緩衝，我用ie debug檢查工具檢查一下 緩衝後 資料就更新了。說了也不清楚。。後來我改成post就好了，

還有一個方法就是 get的時候傳遞一個變數值到服務端。也可以解決此問題。

IE存取原則：Internet選項--瀏覽歷程記錄--設定-- Internet 臨時檔案的選項改為每次訪問網頁時也可以

1: 在AJAX請求的頁面後加個隨機函數,我們可以使用隨機時間函數

在javascript發送的URL後加上t=Math.random()
例如這樣:URL+"&"+"t="+Math.random();或者new Date();

 

另：百度到的資料

———————–

昨天在用prototype的ajax到商務邏輯取資料時發現,每次新開啟瀏覽器可正常顯示資料庫更新後的結果,如果重新整理瀏覽器是不會變化的. 但是刪除IE臨時檔案後再重新整理就可以正常顯示. 由此,我斷定可能是IE會緩衝ajax請求返回的資料. 查了一些資料發現普遍反映ajax的get方式會緩衝,並且有網友提出瞭解決辦法:

1、在服務端加 header(“Cache-Control: no-cache, must-revalidate”);

2、在ajax發送請求前加上 anyAjaxObj.setRequestHeader(“If-Modified-Since”,”0″);

3、在ajax發送請求前加上 anyAjaxObj.setRequestHeader(“Cache-Control”,”no-cache”);

4、在 Ajax 的 URL 參數後加上 “?fresh=” + Math.random(); //當然這裡參數 fresh 可以任意取了

5、第四種方法和第三種類似，在 URL 參數後加上 “?timestamp=” + new Date().getTime();

6、用POST替代GET：不推薦

對於以上幾點,我還是不滿意的,

1的情形,在服務端加,這個問題是ajax搞出來的,應該由它來解決,不管服務端的事;
2和3的情形,我現在用的是prototype,不是普通的ajax原生的語句,所以應該在prototype的前提下解決;
4和5的情形,為什麼要在地址後加一個參數?這個參數並不是我的商務邏輯需要的東西(這種方法我還沒跑通);
6的情形,改用post,我本來是一個連結就可以搞定的,並且有時必需用連結,卻要改成表單,這是不是有點笨了.

對於這個問題的解決,要在prototype的前提下.查閱prototype的文檔,可以看到有一個requestHeaders選項,它就是負責處理 請求的頭部資訊的,上面的方法裡也提到在頭資訊裡進行no cache設定,所以我們就把這個選項設定一下就行了.只需在prototype的ajax配置裡加一句就行了:

代碼如下	複製代碼
requestHeaders: ['Cache-Control','no-cache','If-Modified-Since','0'],

例子：

代碼如下	複製代碼
var myAjax = new Ajax.Request(“/Personal/OperatePage.jsp”, { method: “get”, parameters: “action=addfriend&ids=” + escape(ids), requestHeaders: ['Cache-Control', 'no-cache', 'If-Modified-Since', '0'], onComplete: function (msg) { alert(msg.responseText); } });

jsp代碼

代碼如下

複製代碼

public class CachingHeaderInterceptor extends AbstractInterceptor {  private static final long serialVersionUID = 1L;  public String intercept(ActionInvocation invocation) throws Exception {   ActionContext context = invocation.getInvocationContext();   HttpServletResponse response = (HttpServletResponse) context.get(StrutsStatics.HTTP_RESPONSE);   if (response != null) {    response.setHeader("Cache-Control", "no-cache");    response.setHeader("Pragma", "no-cache");    response.setHeader("Expires", "-1");   }   return invocation.invoke();  } }