1. 程式人生 > 實用技巧 >細談 axios和ajax區別

細談 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