javascript中的Ajax基礎（一）

一、手寫一個ajax

 1 const xhr = new xmlHttpRequest()
 2 
 3 xhr.open(請求方式：post get, 請求地址， 同步或者非同步)
 4 
 5 xhr.onreadyStateChange = function(){
 6    if(xhr.readyState===4){
 7      if(xhr.status === 200) {
 8        console.log(xhr.responseText)  
 9       }
10    }
11 }
12 
13 xhr.send(請求參數)

二、readyState幾個狀態

0-（未初始化）還未調用send()方法

1-（載入）已調用send方法，還未發送

2-（載入完成）send方法執行完成，已接收到全部響應內容

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

4-（完成）響應內容解析完成，可以在客戶端調用

三、http狀態碼

2xx 表示請求成功

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

　　301 永久重定向 瀏覽器只跳轉一次

　　302 臨時重定向 瀏覽器每次都跳轉

　　304 瀏覽器只用自己的緩存資源

4xx 客戶端請求錯誤 

　　404 請求地址錯誤

　　403 客戶端沒有許可權

5xx  伺服器端錯誤