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

您的位置:首頁技術文章
文章詳情頁

淺析IE瀏覽器關于ajax的緩存機制

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

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

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

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

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

  說到這里,不妨復習一下ajax的基本用法。

*Ajax創建對象:   

 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 請求:

無法使用緩存文件(更新服務器上的文件或數據庫)
向服務器發送大量數據(POST 沒有數據量限制)
發送包含未知字符的用戶輸入時,POST 比 GET 更穩定也更可靠

*Ajax響應:

要獲得服務器的響應,需要使用XMLHttpRequest 對象的 responseText 或 responseXML 屬性。

ResponseText:獲得字符串形式的響應數據。

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

ResponseXML:獲得XML形式的響應數據。

如果來自服務器的響應是 XML,而且需要作為 XML 對象進行解析。

*Ajax - onreadystatechange : 

當請求被發送到服務器時,我們需要執行一些基于響應的任務。

每當 readyState 改變時,就會觸發 onreadystatechange 事件。

在 onreadystatechange 事件中,我們規定當服務器響應已做好被處理的準備時所執行的任務。

當 readyState 等于 4 且狀態為 200 時,表示響應已就緒:

xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
  }
 }

補充:下面看下淺談Ajax解決瀏覽器的緩存問題

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

解決方案有如下幾種:

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

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

③ 在URL后加上一個隨機數:"fresh=" + Math.random();。

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

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

總結

以上所述是小編給大家介紹的IE瀏覽器關于ajax的緩存機制,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

標簽: Ajax
相關文章:
主站蜘蛛池模板: 久久手机在线视频 | 久久精品国产亚洲欧美 | 亚洲系列国产系列 | 4438全国最大成人网视频 | 日本欧美韩国一区二区三区 | 亚洲欧美一区二区视频 | 欧美日韩国产综合一区二区三区 | 最近中文字幕精彩视频 | 在线播放精品一区二区啪视频 | 免费被黄网站在观看 | 狠狠色丁香久久综合网 | 亚洲精品国产福利一区二区三区 | 亚洲性久久久影院 | 欧美精品束缚一区二区三区 | 日韩 国产 欧美视频一区二区三区 | 国产高清美女一级a毛片久久 | 国产一区二区免费在线观看 | 韩国午夜三级理论 | 精品在线免费视频 | 亚洲国产欧洲精品路线久久 | 亚洲国产日产韩国欧美综合 | 国产自一区 | 精品网址 | 精品 日韩 国产 欧美在线观看 | 91亚洲综合| 色拍自拍亚洲综合在线 | 日本成人不卡视频 | 成人午夜私人影院入口 | 日韩精品中文字幕一区三区 | www.黄色com| 丝袜紧身裙国产在线播放 | 久久男人的天堂色偷偷 | 亚洲欧美一区二区三区国产精品 | 女人张开腿让男人捅爽 | 亚洲天堂精品在线观看 | 亚洲精品一二三区-久久 | 一区二区视频在线 | 在线观看一区二区三区四区 | 国产欧美综合在线一区二区三区 | 亚洲成人18 | 亚洲欧美日韩一区 |