ajax狀態碼0-4代表什么 Ajax的步驟

Ajax的基本步驟分五部:

1. 基於dom事件創建XHR對象(HMLHttpRequest)
2. 注冊XHR對象狀態監聽,通過回調函數(callback)處理狀態信息
3. 創建與服務端的連接
4. 發送異步請求實現與服務端的通訊
5. 通過回調(callback)函數,獲得響應結果並進行數據更新

 

//1.創建異步請求對象
var xhr = new XMLHttpRequest();
//2設置狀態監聽函數
 xhr.onreadystatechange = function() {
     if (xhr.readyState==4 &&xhr.status == 200) {
         console.log(xhr.responseText);
         document.getElementById("result").innerHTML=xhr.responseText;
      }
  }
//3.建立連接        
 xhr.open("GET","http://localhost:8080/ajax/getAjax",true);
//4.發送請求
 xhr.send(null);

針對其步驟,xhr對象有五種readyState(0,1,2,3,4):

• 0:為初始化,尚未調用open()方法
• 1:啟動,此時已經調用了open()方法,但是還沒有調用send()方法
• 2:發送,此時調用了send()方法,但是還沒有接收到來自服務器的響應
• 3:接收:已經接收到部分響應
• 4:完成:已經接收到全部響應數據,而且可以在客戶端響應

最后補一個JS的語法格式:

(function(){})()   代表匿名函數立即執行

樊鑫❤