濮阳杆衣贸易有限公司

主頁 > 知識庫 > 淺析IE瀏覽器關(guān)于ajax的緩存機制

淺析IE瀏覽器關(guān)于ajax的緩存機制

熱門標(biāo)簽:平?jīng)龈叩碌貓D標(biāo)注商戶要收費嗎 銷售電銷機器人詐騙 福建微碼電話機器人 廣西智能外呼系統(tǒng)多少錢 地圖標(biāo)注與公司業(yè)務(wù)關(guān)系 荊州智能電銷機器人 大學(xué)校門地圖標(biāo)注 提高電話機器人接通率 外呼系統(tǒng)api對接

IE瀏覽器對于同一個URL只返回相同結(jié)果。因為,在默認(rèn)情況下,IE會緩存ajax的請求結(jié)果。對于同一個URL地址,在緩存過期之前,只有第一次請求會真正發(fā)送到服務(wù)端。大多數(shù)情況下,我們使用ajax是希望實現(xiàn)局部刷新的,所以這就牽扯到一個改進的問題。

  如果想每次都獲取到最新數(shù)據(jù),我們只需保證每次傳入的URL不一樣。最簡單的方法就是通過給url拼接參數(shù)。利用math函數(shù)的random()方法生成隨機數(shù)。

  比如訪問百度www.baidu.com,我們就可以把地址寫成www.baidu.com?t=Math.random();或者?t=new Date().getTime();

  ********************************分割線**********************************

  說到這里,不妨復(fù)習(xí)一下ajax的基本用法。

*Ajax創(chuàng)建對象:   

 var xmlhttp;
 if (window.XMLHttpRequest){
  //IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
  } else{
  //IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }  
           

*Ajax請求:

//GET請求:
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
//POST請求:
xmlhttp.open("POST","demo_post.asp",true);
xmlhttp.send();

GET 還是 POST?

與 POST 相比,GET 更簡單也更快,并且在大部分情況下都能用。

然而,在以下情況中,請使用 POST 請求:

無法使用緩存文件(更新服務(wù)器上的文件或數(shù)據(jù)庫)
向服務(wù)器發(fā)送大量數(shù)據(jù)(POST 沒有數(shù)據(jù)量限制)
發(fā)送包含未知字符的用戶輸入時,POST 比 GET 更穩(wěn)定也更可靠

*Ajax響應(yīng):

要獲得服務(wù)器的響應(yīng),需要使用XMLHttpRequest 對象的 responseText 或 responseXML 屬性。

ResponseText:獲得字符串形式的響應(yīng)數(shù)據(jù)。

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

ResponseXML:獲得XML形式的響應(yīng)數(shù)據(jù)。

如果來自服務(wù)器的響應(yīng)是 XML,而且需要作為 XML 對象進行解析。

*Ajax - onreadystatechange : 

當(dāng)請求被發(fā)送到服務(wù)器時,我們需要執(zhí)行一些基于響應(yīng)的任務(wù)。

每當(dāng) readyState 改變時,就會觸發(fā) onreadystatechange 事件。

在 onreadystatechange 事件中,我們規(guī)定當(dāng)服務(wù)器響應(yīng)已做好被處理的準(zhǔn)備時所執(zhí)行的任務(wù)。

當(dāng) readyState 等于 4 且狀態(tài)為 200 時,表示響應(yīng)已就緒:

xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4  xmlhttp.status==200)
  {
  document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
  }
 }

補充:下面看下淺談Ajax解決瀏覽器的緩存問題

Ajax能提高頁面載入速度的主要原因是通過Ajax減少了重復(fù)數(shù)據(jù)的載入,也即在載入數(shù)據(jù)的同時將數(shù)據(jù)緩存到內(nèi)存中,一旦數(shù)據(jù)被加載,只要沒有刷新頁面,這些數(shù)據(jù)就會一直被緩存在內(nèi)存中,當(dāng)提交的URL與歷史的URL一致時,就不需要提交給服務(wù)器,也即不需要從服務(wù)器獲取數(shù)據(jù),雖然降低了服務(wù)器的負載,提高了用戶體驗,但不能獲取最新的數(shù)據(jù)。為了保證讀取的信息都是最新的,需要禁止其緩存功能。

解決方案有如下幾種:

① 在Ajax發(fā)送請求前加上anyAjaxObj.setRequestHeader("If-Modified-Since", "0")。

② 在Ajax發(fā)送請求前加上anyAjaxObj.setRequestHeader("Cache-Control", "no-cache")。

③ 在URL后加上一個隨機數(shù):"fresh=" + Math.random();。

④ 在URL后加上時間搓:"nowtime=" + new Date().getTime();。

⑤ 如果是使用jQuery,則用$.ajaxSetup({cache:false})。這樣頁面的所有Ajax都會執(zhí)行該語句而不需要保存緩存記錄。

總結(jié)

以上所述是小編給大家介紹的IE瀏覽器關(guān)于ajax的緩存機制,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

您可能感興趣的文章:
  • 解析瀏覽器端的AJAX緩存機制
  • 淺談Ajax的緩存機制
  • 獲取IE瀏覽器Cookie信息的方法
  • JavaScript自定義瀏覽器滾動條兼容IE、 火狐和chrome
  • 完美解決IE9瀏覽器出現(xiàn)的對象未定義問題
  • Javascript在IE和Firefox瀏覽器常見兼容性問題總結(jié)
  • python3實現(xiàn)讀取chrome瀏覽器cookie
  • bootstrap3 兼容IE8瀏覽器!

標(biāo)簽:德陽 婁底 黔東 內(nèi)江 樂山 衡陽 邯鄲 海南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《淺析IE瀏覽器關(guān)于ajax的緩存機制》,本文關(guān)鍵詞  淺析,瀏覽器,關(guān)于,ajax,的,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《淺析IE瀏覽器關(guān)于ajax的緩存機制》相關(guān)的同類信息!
  • 本頁收集關(guān)于淺析IE瀏覽器關(guān)于ajax的緩存機制的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    平顺县| 赣州市| 满城县| 黎城县| 新竹县| 肃北| 麻阳| 平塘县| 黔江区| 英山县| 南投市| 曲靖市| 葫芦岛市| 江都市| 四会市| 图们市| 小金县| 青州市| 清涧县| 青冈县| 汝阳县| 卓尼县| 万安县| 蒙自县| 微博| 华池县| 西和县| 花莲县| 贵州省| 祁阳县| 长治县| 镇安县| 剑阁县| 平和县| 石泉县| 七台河市| 北海市| 华坪县| 鲁甸县| 昂仁县| 饶阳县|