細談 axios和ajax區別
阿新 • • 發佈:2020-07-24
剛剛接觸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:
支援 Promise API
客戶端支援防止CSRF
提供了一些併發請求的介面(重要,方便了很多的操作)
————————————————
版權宣告:本文為CSDN博主「釣魚要到島上釣」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。
原文連結:https://blog.csdn.net/qq_42942555/article/details/88400721