Ajax緩存解決辦法

看到一篇文章不錯,留着呵呵

項目有時要用一些Ajax的效果,因爲比較簡單,也就沒有去用什麼Ajax.net之類的東西,手寫代碼也就實現了。、

第二天,有人向我報告錯誤;說是隻有第一次讀取的值正常,後面的值都不正常;我調試了一下 ,確實有這樣的問題,查出是因爲AJAX緩存的問題:解決辦法有如下幾種:

      1、在服務端加 header("Cache-Control: no-cache, must-revalidate");(如php中)

  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、加個隨機數
      xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);

2、在要異步獲取的asp頁面中寫一段禁止緩存的代碼:
      Response.Buffer =True
      Response.ExpiresAbsolute =Now() - 1
      Response.Expires=0
      Response.CacheControl="no-cache"

3、在ajax發送請求前加上xmlHTTP.setRequestHeader("If-Modified-Since","0");可以禁止緩存
      xmlHTTP.open("get", URL, true);
      xmlHTTP.onreadystatechange = callHTML;
      xmlHTTP.setRequestHeader("If-Modified-Since","0");
      xmlHTTP.send();

另一個作者寫到:

AJAX的緩存是由瀏覽器維持的,對於發向服務器的某個url,ajax僅在第一次請求時與服務器交互信息,之後的請求中,ajax不再向服務器提交請求,而是直接從緩存中提取數據。

有些情況下,我們需要每一次都從服務器得到更新後數據。思路是讓每次請求的url都不同,而又不影響正常應用:在url之後加入隨機內容。
e.g.
url=url+"&"+Math.random();

Key points:
1.每次請求的url都不一樣(ajax的緩存便不起作用)
2.不影響正常應用(最基本的)

----------------
方法二:(未經證實)
在JSP中禁止緩存
response.addHeader("Cache-Control", "no-cache");
response.addHeader("Expires", "Thu, 01 Jan 1970 00:00:01 GMT");

HTTP:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
<META HTTP-EQUIV="expires" CONTENT="0">

另一個作者寫到:

我們都知道,ajax能提高頁面載入的速度的主要原因是通過ajax減少了重複數據的載入,真正做到按需獲取,既然如此,我們在寫ajax程序的時候不妨送佛送到西,在客戶端再做一次緩存,進一步提高數據載入速度。那就是在載入數據的同時將數據緩存在瀏覽器內存中,一旦數據被載入,只要頁面未刷新,該數據就永遠的緩存在內存中,當用戶再次查看該數據時,則不需要從服務器上去獲取數據,極大的降低了服務器的負載和提高了用戶的體驗。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章