[AJAX系列]onreadystatechange事件

onreadystatechange事件：

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

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

readyState屬性存有XMLHttpRequest的狀態信息

XMLHttpRequest對象的三個重要的屬性：

屬性	描述
onreadystatechange	存儲函數（函數名）每次readystate改變時就會調用該函數
readyState	存有XMLHttpRequest的狀態從0到4發生變化 0：請求未初始化 1：服務器連接已建立 2：請求已接收 3：請求處理中 4：請求已完成，且響應已就緒
status	200:"ok" 404:請求未找到

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

當readyState等於4且狀態為200時，表示響應已就緒

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

onreadystatechange事件被觸發5次，對應着readyState的每個變化

使用回調函數：

回調函數是一種以參數的形式傳遞給另一個函數的函數

如果頁面存在多個AJAX任務，就應該為創建XMLHttpRequest對象編寫一個標准的函數，並為每個AJAX任務調用該函數

該函數應該包含URL以及發生onreadystatechange事件執行時的任務

<script>
var xmlhttp;
function loadXMLDoc(url,cfunc)
{
if (window.XMLHttpRequest)
  {// IE7+, Firefox, Chrome, Opera, Safari 代碼
  xmlhttp=new XMLHttpRequest();
  }
else
  {// IE6, IE5 代碼
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myFunction()
{
loadXMLDoc("/try/ajax/ajax_info.txt",function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  });
}
</script>