【大場面經】7.12（2）

【大場面經】7.12（2）手動實現一個 ajax，這樣實現的方法叫什麼？

  禿頭少女JennieLiu  

手動實現一個 ajax，這樣實現的方法叫什麼

手動實現Ajax過程

1.先實例化對象

const xhr = new XMLHttpRequest();

2.監聽事件

考慮到兼容性的緣由，在open以前進行監聽事件和處理響應

xhr.addEventListener('readystatechange',()=>{},false);

xhr.onreadystatechange = () =>{
	if (xhr.readyState !== 4)return;
	if ((xhr.status >= 200) & (xhr.status < 300) || xhr.status === 304) {
        console.log(xhr.responseText);
        console.log(typeof xhr.responseText);
      }
    };
    xhr.open("GET", url, true);
    xhr.send(null);
})

????參考回答：

AJAX 建立異步對象 XMLHttpRequest 操做 XMLHttpRequest 對象

（1）設置請求參數（請求方式，請求頁面的相對路徑，是否異步）

（2）設置回調函數，一個處理服務器響應的函數，使用 onreadystatechange ，相似函數 指針

（3）獲取異步對象的 readyState 屬性：該屬性存有服務器響應的狀態信息。每當 readyState 改變時，onreadystatechange 函數就會被執行。

（4）判斷響應報文的狀態，若爲 200 說明服務器正常運行並返回響應數據。

（5）讀取響應數據，能夠經過 responseText 屬性來取回由服務器返回的數據。