IE瀏覽器關於ajax的快取機制

張少凱發表於2018-08-21
瀏覽器快取

　　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;
    }
  }

 

相關文章