IE瀏覽器對於同一個URL只返回相同結果。因為,在預設情況下,IE會緩存ajax的請求結果。對於同一個URL地址,在緩存過期之前,只有第一次請求會真正發送到服務端。大多數情況下,我們使用ajax是希望實現局部刷新的,所以這就牽扯到一個改進的問題。 如果想每次都獲取到最新數據,我們只需保證每次傳入的U ...
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; } }