国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

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

瀏覽:82日期:2022-06-11 11:51:12

IE瀏覽器對(duì)于同一個(gè)URL只返回相同結(jié)果。因?yàn)椋谀J(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)站的支持!

標(biāo)簽: Ajax
相關(guān)文章:
主站蜘蛛池模板: 99视频网 | 九九亚洲精品自拍 | 国产亚洲男人的天堂在线观看 | 91成人在线播放 | 日本一区二区三区四区不卡 | 亚洲成人看片 | 亚洲韩精品欧美一区二区三区 | 中文字幕成人免费高清在线 | 亚洲另类视频在线观看 | 97超级碰碰碰久久久观看 | 日韩三级小视频 | 亚洲黄色免费观看 | 久久国产精品99久久久久久牛牛 | 精品91精品91精品国产片 | 三级黄色片网站 | 亚洲成人影院在线观看 | 国产日韩欧美三级 | 中日韩欧美一级毛片 | 黄色片日本人 | 手机毛片在线观看 | 国内免费视频成人精品 | 国产高清国产专区国产精品 | 中文字幕波多野不卡一区 | 看v片| 国产精品午夜性视频网站 | 欧美成人专区 | 成人国产网站 | 日本红怡院在线 | 亚洲国产观看 | 欧美成人免费公开播放 | 日韩精品一区二区三区 在线观看 | 国产女人伦码一区二区三区不卡 | 欧美一级鲁丝片免费看 | 黄色毛片视频校园交易 | 一级做a爰性色毛片免费 | 免费在线看黄网址 | 欧美成人精品手机在线观看 | 成人黄页 | 亚洲国产精品大秀在线播放 | 国产日韩欧美在线一二三四 | 亚洲国产成人91精品 |