Ajax緩存問題怎麼解決?

項目有時要用一些Ajax的效果,由於比較簡單,也就沒有去用什麼Ajax.net之類的東西,手寫代碼也就實現了。次日,有人向我報告錯誤;說是隻有第一次讀取的值正常,後面的值都不正常;我調試了一下 ,確實有這樣的問題,查出是由於AJAX緩存的問題。解決辦法有以下幾種:php

  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:不推薦

加個隨機數:ajax

1 xmlHttp.open("GET""ajax.asp?now=" new Date().getTime(), true);

在要異步獲取的asp頁面中寫一段禁止緩存的代碼:瀏覽器

1 Response.Buffer =True
2 Response.ExpiresAbsolute =Now() - 1
3 Response.Expires=0
4 Response.CacheControl="no-cache"

在ajax發送請求前加上xmlHTTP.setRequestHeader("If-Modified-Since","0");能夠禁止緩存緩存

1 xmlHTTP.open("get", URL, true);
2 xmlHTTP.onreadystatechange = callHTML;
3 xmlHTTP.setRequestHeader("If-Modified-Since","0");
4 xmlHTTP.send();

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

有些狀況下,咱們須要每一次都從服務器獲得更新後數據。思路是讓每次請求的url都不一樣,而又不影響正常應用:在url以後加入隨機內容。dom

1 url=url+"&"+Math.random();
  1. 每次請求的url都不同(ajax的緩存便不起做用)
  2. 不影響正常應用(最基本的)

在JSP中禁止緩存:異步

1 response.addHeader("Cache-Control""no-cache");
2 response.addHeader("Expires""Thu, 01 Jan 1970 00:00:01 GMT");

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

原帖地址:http://www.nowamagic.net/librarys/veda/detail/808spa

相關文章
相關標籤/搜索