淺析IE瀏覽器關(guān)于ajax的緩存機(jī)制
IE瀏覽器對(duì)于同一個(gè)URL只返回相同結(jié)果。因?yàn)?,在默認(rèn)情況下,IE會(huì)緩存ajax的請(qǐng)求結(jié)果。對(duì)于同一個(gè)URL地址,在緩存過(guò)期之前,只有第一次請(qǐng)求會(huì)真正發(fā)送到服務(wù)端。大多數(shù)情況下,我們使用ajax是希望實(shí)現(xiàn)局部刷新的,所以這就牽扯到一個(gè)改進(jìn)的問(wèn)題。
如果想每次都獲取到最新數(shù)據(jù),我們只需保證每次傳入的URL不一樣。最簡(jiǎn)單的方法就是通過(guò)給url拼接參數(shù)。利用math函數(shù)的random()方法生成隨機(jī)數(shù)。
比如訪問(wèn)百度www.baidu.com,我們就可以把地址寫成www.baidu.com?t=Math.random();或者?t=new Date().getTime();
********************************分割線**********************************
說(shuō)到這里,不妨復(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ú)法使用緩存文件(更新服務(wù)器上的文件或數(shù)據(jù)庫(kù))
向服務(wù)器發(fā)送大量數(shù)據(jù)(POST 沒(méi)有數(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("myDiv").innerHTML=xmlhttp.responseText;
ResponseXML:獲得XML形式的響應(yīng)數(shù)據(jù)。
如果來(lái)自服務(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("myDiv").innerHTML=xmlhttp.responseText; } }
補(bǔ)充:下面看下淺談Ajax解決瀏覽器的緩存問(wèn)題
Ajax能提高頁(yè)面載入速度的主要原因是通過(guò)Ajax減少了重復(fù)數(shù)據(jù)的載入,也即在載入數(shù)據(jù)的同時(shí)將數(shù)據(jù)緩存到內(nèi)存中,一旦數(shù)據(jù)被加載,只要沒(méi)有刷新頁(yè)面,這些數(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})。這樣頁(yè)面的所有Ajax都會(huì)執(zhí)行該語(yǔ)句而不需要保存緩存記錄。
總結(jié)
以上所述是小編給大家介紹的IE瀏覽器關(guān)于ajax的緩存機(jī)制,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)我們網(wǎng)站的支持!
上一篇:通過(guò)Ajax請(qǐng)求動(dòng)態(tài)填充頁(yè)面數(shù)據(jù)的實(shí)例
欄 目:AJAX相關(guān)
下一篇:ajax異步讀取后臺(tái)傳遞回的下拉選項(xiàng)的值方法
本文標(biāo)題:淺析IE瀏覽器關(guān)于ajax的緩存機(jī)制
本文地址:http://mengdiqiu.com.cn/a1/AJAXxiangguan/11297.html
您可能感興趣的文章


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 01-11layui的checbox在Ajax局部刷新下的設(shè)置方
- 01-11ajax請(qǐng)求后臺(tái)得到j(luò)son數(shù)據(jù)后動(dòng)態(tài)生成樹(shù)
- 01-11ajax獲得json對(duì)象數(shù)組 循環(huán)輸出數(shù)據(jù)的
- 01-11解決ajax請(qǐng)求后臺(tái),有時(shí)收不到返回值的
- 01-11詳談ajax返回?cái)?shù)據(jù)成功 卻進(jìn)入error的方
- 01-11解決AJAX返回狀態(tài)200沒(méi)有調(diào)用success的問(wèn)
- 01-11快速解決ajax返回值給外部函數(shù)的問(wèn)題
- 01-11Ajax實(shí)現(xiàn)動(dòng)態(tài)顯示并操作表信息的方法
- 01-11ajax實(shí)現(xiàn)從后臺(tái)拿數(shù)據(jù)顯示在HTML前端的
- 01-11ajax動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)數(shù)據(jù)并顯示在前臺(tái)
隨機(jī)閱讀
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 01-10C#中split用法實(shí)例總結(jié)
- 01-11Mac OSX 打開(kāi)原生自帶讀寫NTFS功能(圖文
- 01-10delphi制作wav文件的方法
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 04-02jquery與jsp,用jquery
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改