這篇文章主要介紹了IE瀏覽器關(guān)于ajax的緩存機(jī)制,文中給大家提到了Ajax解決瀏覽器的緩存問題，解決方法有很多種。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你們有所幫助。

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

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

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

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

*Ajax創(chuàng)建對(duì)象：var xmlhttp;

if (window.XMLHttpRequest){

//IE7+, Firefox, Chrome, Opera, Safari

xmlhttp = new XMLHttpRequest();

} else{

//IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

*Ajax請(qǐng)求：//GET請(qǐng)求：

xmlhttp.open("GET","test1.txt",true);

xmlhttp.send();

//POST請(qǐng)求：

xmlhttp.open("POST","demo_post.asp",true);

xmlhttp.send();

GET 還是 POST？

與 POST 相比，GET 更簡(jiǎn)單也更快，并且在大部分情況下都能用。

然而，在以下情況中，請(qǐng)使用 POST 請(qǐng)求：

無法使用緩存文件(更新服務(wù)器上的文件或數(shù)據(jù)庫)

向服務(wù)器發(fā)送大量數(shù)據(jù)(POST 沒有數(shù)據(jù)量限制)

發(fā)送包含未知字符的用戶輸入時(shí)，POST 比 GET 更穩(wěn)定也更可靠

*Ajax響應(yīng)：

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

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

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

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

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

*Ajax - onreadystatechange ：

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

每當(dāng) readyState 改變時(shí)，就會(huì)觸發(fā) onreadystatechange 事件。

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

當(dāng) readyState 等于 4 且狀態(tài)為 200 時(shí)，表示響應(yīng)已就緒：xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

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

}

}

補(bǔ)充：下面看下淺談Ajax解決瀏覽器的緩存問題

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

解決方案有如下幾種：

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

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

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

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

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

總結(jié)

以上所述是小編給大家介紹的IE瀏覽器關(guān)于ajax的緩存機(jī)制，希望對(duì)大家有所幫助。更多相關(guān)教程請(qǐng)?jiān)L問AJAX基礎(chǔ)視頻教程，JavaScript視頻教程，bootstrap視頻教程！

總結(jié)

以上是生活随笔為你收集整理的js 单页面ajax缓存策略,浅谈ajax的缓存机制---IE浏览器方面的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。