學學習網 手機版

學學習網

學習路徑: 學習首頁 > web開發 > AJAX >

WEB開發 之 AJAX - onreadystatechange 事件

設置字體:
----------------------------------
WEB開發 之 AJAX - onreadystatechange 事件
 
onreadystatechange 事件
 
當請求被發送到服務器時,我們需要執行一些基于響應的任務。
 
每當 readyState 改變時,就會觸發 onreadystatechange 事件。
 
readyState 屬性存有 XMLHttpRequest 的狀態信息。
 
下面是 XMLHttpRequest 對象的三個重要的屬性:
 
AJAX - onreadystatechange
 
在 onreadystatechange 事件中,我們規定當服務器響應已做好被處理的準備時所執行的任務。
 
當 readyState 等于 4 且狀態為 200 時,表示響應已就緒:
 
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
 
注釋:onreadystatechange 事件被觸發 4 次,對應著 readyState 的每個變化。
 
使用 Callback 函數
 
callback 函數是一種以參數形式傳遞給另一個函數的函數。
 
如果您的網站上存在多個 AJAX 任務,那么您應該為創建 XMLHttpRequest 對象編寫一個標準的函數,并為每個 AJAX 任務調用該函數。
 
該函數調用應該包含 URL 以及發生 onreadystatechange 事件時執行的任務(每次調用可能不盡相同):
 
function myFunction()
{
loadXMLDoc("ajax_info.txt",function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  });
}
 
----------------------------------
課程列表
重點難點
贊助鏈接
云南快乐10分前三直最大遗漏 万人龙虎全天计划 吉林快三综合走势图电子版 广信配资 安徽11选5在哪里下载 今天河北快三推荐豹子 十一选五开奖结果图 安徽快3最新开奖号码 秒速牛牛计划平台 2018上证指数历史数据2019上证指数点位 今天广东快乐10分走势图