AJAX的實現基礎是XMLHTTPRequest物件。（使用瀏覽器可以發出http請求和接收http響應）

所以下面先來了解XMLHTTPRequest。

W3C提出了XMLHttpRequest標準，分為Level 1和Level 2。
Level 1主要存在以下缺點：

• 受同源策略的限制，不能傳送跨域請求；
• 不能傳送二進位制檔案（如圖片、視訊、音訊等），只能傳送純文字資料；
• 在傳送和獲取資料的過程中，無法實時獲取進度資訊，只能判斷是否完成；

Level 2中新增了以下功能：

• 可以傳送跨域請求，在服務端允許的情況下；
• 支援傳送和接收二進位制資料；
• 新增formData物件，支援傳送表單資料；
• 傳送和獲取資料時，可以獲取進度資訊；
• 可以設定請求的超時時間；

這個物件如何使用？

一個ajax請求的流程：傳送請求+接收響應=1.傳送之前+2.傳送請求+3.收到響應+4.收到之後。

1.傳送之前

建立XMLHTTPRequest物件

var xhr=new XMLHttpRequest();//這裡會存在瀏覽器的相容性差異的

設定xhr的引數（如timeout，responseType）

2.傳送請求

xhr.open();//一定要先open了在send，就好比水龍頭必須先開了開關才有水流
xhr.send(data);

3.收到響應和4.收到之後結合起來說

其實就是那個回撥函式，就是根據收到不同的響應來根據業務回撥相應的函式。

接著這裡就要深入瞭解xhr的相關事件（共8個），這裡就直接放連結了

其實基本上網上一搜詳細的知識講解都有的。這裡主要是自己過一遍對這個知識點的理解。

簡言之，ajax的實現基礎就是XMLHTTPRequest物件。

通過原生js實現ajax方法，就可以對ajax有進一步的理解。

這裡簡單說實現思路：

function ajax(){
    var ajaxData={
        //在這個物件裡就是ajax的引數設定以及傳參
    }
    //通過上面提到的請求流程，呼叫XMLHTTPRequest物件的方法，並把ajaxData對應的資料傳進去
}

具體程式碼

以上內容為個人總結，僅供參考，如有侵權聯絡編者刪除內容