IE瀏覽器中ajax緩存機(jī)制的示例分析

小編給大家分享一下IE瀏覽器中ajax緩存機(jī)制的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在酒泉等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計、網(wǎng)站制作網(wǎng)站設(shè)計制作按需策劃,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站制作,酒泉網(wǎng)站建設(shè)費用合理。

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

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

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

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

*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 對象進(jìn)行解析。

*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;
  }
 }

補(bǔ)充：下面看下淺談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ù)器的負(fù)載，提高了用戶體驗，但不能獲取最新的數(shù)據(jù)。為了保證讀取的信息都是最新的，需要禁止其緩存功能。

解決方案有如下幾種：

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

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

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

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

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

以上是“IE瀏覽器中ajax緩存機(jī)制的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：IE瀏覽器中ajax緩存機(jī)制的示例分析
當(dāng)前路徑：http://bm7419.com/article40/jceiho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、靜態(tài)網(wǎng)站、電子商務(wù)、動態(tài)網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站策劃

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容