前端請求服務端資源利用ajax進行請求，通常可以藉助jquery等第三方庫完成ajax的請求，此處將詳解原生ajax請求：

var xhr = new XMLHttpRequest()
xhr.open('GET','./api',false)
xhr.onreadystatechange = function(){
  // 非同步執行
  if(xhr.readyState == 4){
    if(xhr.status == 200){
      console.log(xhr.responseText)
    }
  }
}
xhr.send(null)

上述程式碼是原生js完成ajax請求原理。

xhr.readyState有5個狀態值：

0-（未初始化）還沒有呼叫send()方法；

1-（載入）已呼叫send()方法，正在傳送請求；

2-（載入完成）send()方法執行完成，已經接收到全部相應內容；

3-（互動）正在解析響應內容；

4-（完成）響應內容解析完成，可以在客戶端呼叫。

xhr.status有4個狀態值：

2xx - 表示成功處理請求。如200；

3xx - 需要重定向，瀏覽器直接跳轉；

4xx - 客戶端請求錯誤，如404；

5xx - 服務端錯誤。

以上，原生js ajax請求的具體內容。本文結。