ie瀏覽器對于同一個url只返回相同結(jié)果。因為,在默認情況下,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í)行的任務(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)站的支持!