細談 axios和ajax區別

剛剛接觸axios有好多疑惑。它和ajax有什么關系呢和區別呢？接下來一起看下：
1.區別
axios是通過promise實現對ajax技術的一種封裝，就像jQuery實現ajax封裝一樣。
簡單來說： ajax技術實現了網頁的局部數據刷新，axios實現了對ajax的封裝。
axios是ajax ajax不止axios。
下面列出代碼來對比一下：
axios：

axios({
url: '/getUsers',
method: 'get',
responseType: 'json', // 默認的
data: {
//'a': 1,
//'b': 2,
}
}).then(function (response) {
console.log(response);
console.log(response.data);
}).catch(function (error) {
console.log(error);
}）

　　

ajax：

$.ajax({
url: '/getUsers',
type: 'get',
dataType: 'json',
data: {
//'a': 1,
//'b': 2,
},
success: function (response) {
console.log(response)；
}
})

　　

2.優缺點：
ajax：
本身是針對MVC的編程,不符合現在前端MVVM的浪潮
基於原生的XHR開發，XHR本身的架構不清晰，已經有了fetch的替代方案
JQuery整個項目太大，單純使用ajax卻要引入整個JQuery非常的不合理（采取個性化打包的方案又不能享受CDN服務
axios：
從 node.js 創建 http 請求
支持 Promise API
客戶端支持防止CSRF
提供了一些並發請求的接口（重要，方便了很多的操作）
————————————————
版權聲明：本文為CSDN博主「釣魚要到島上釣」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_42942555/article/details/88400721