來自靈魂的拷問

你知道AJAX、axios、fetch的區別嗎？

小白回答

AJAX用來請求數據的吧，另外axios和fetch是啥？

老鳥回答

AJAX

Gmail開發人員發現IE里面有個XMLHTTPRequest對象來請求數據時，可以實現無刷新數據請求，所以使用這個特性，進行網絡數據請求，這就是AJAX的由來。

AJAX不是一個單詞，他的全稱是Asynchronous JavaScript and XML，就是異步的JavaScript和XML，它是一套用于創建快速動態網頁的技術標準，使用步驟如下：

創建異步XMLHttpRequest對象

設置請求參數，包括請求的方法和URL等

發送請求

注冊事件，事件狀態變更會及時響應監聽

在監聽里面獲取并處理返回數據

所以AJAX的核心就是XMLHttpRequest對象，這是一個非常早的實現方法，也是兼容性最好的，已經成為了瀏覽器標準，雖然我們現在都使用其它的API規范，但對象名字暫時還是用XML命名

axios

axios是一個基于Promise的HTTP庫，可以用在瀏覽器和node.js中，它底層還是基于XMLHttpRequest對象的，你可以認為它是一個方便的封裝庫，除了基礎請求數據，它還增加了如下功能：

對PromiseAPI的支持

支持請求攔截和響應、轉換請求數據和響應數據、取消請求

可以自動轉換JSON數據

支持防御XSRF

fetch

fetch就不是XMLHttpRequest對象了，fetch是原生的js對象，也就是說，它不依賴瀏覽器，fetch提供了一個理解的請求替換方案，可以提供給其它技術使用。我們主要需要了解下fetch和ajax的本質區別：

fetch返回的是Promise，所以如果HTTP狀態碼是404之類的，fetch也是成功返回的，只有在網絡連接錯誤的情況下，才會reject

fetch不發送cookies

fetch的請求寫法會比AJAX簡單許多，但我想，最主要的問題是，無法區分HTTP狀態碼了，這個在編程時還是比較常用的，所以我們目前還是使用axios比較多，而很少使用fetch

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的addeventlistener不支持ajax_十万个Web前端面试题之AJAX、axios、fetch的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。