解決Ajax頁面緩衝問題__Ajax

來源:互聯網
上載者:User

轉載一篇文章.原文如下:

項目有時要用一些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程式的時候不妨送佛送到西,在用戶端再做一次緩衝,進一步提高資料載入速度。那就是在載入資料的同時將資料緩衝在瀏覽器記憶體中,一旦資料被載入,只要頁面未重新整理,該資料就永遠的緩衝在記憶體中,當使用者再次查看該資料時,則不需要從伺服器上去擷取資料,極大的降低了伺服器的負載和提高了使用者的體驗。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.