一、axios和ajax區(qū)別

axios是通過(guò)promise實(shí)現(xiàn)對(duì)ajax技術(shù)的一種封裝，就像jQuery實(shí)現(xiàn)ajax封裝一樣。簡(jiǎn)單來(lái)說(shuō)ajax技術(shù)實(shí)現(xiàn)了網(wǎng)頁(yè)的局部數(shù)據(jù)刷新，axios實(shí)現(xiàn)了對(duì)ajax的封裝，axios是ajax ajax不止axios。

Ajax是對(duì)原生XHR的封裝，為了達(dá)到我們跨越的目的，增添了對(duì)JsonP的支持。

異步的 javascript和 xml，ajax不是一門(mén)新技術(shù)，而是多種技術(shù)的組合，用于快速的創(chuàng)建動(dòng)態(tài)頁(yè)面，能夠?qū)崿F(xiàn)無(wú)刷新更新數(shù)據(jù)從而提高用戶(hù)體驗(yàn)。

Axios 是一個(gè)基于 Promise 的 HTTP 庫(kù)，可以用在瀏覽器和 node.js 中；是請(qǐng)求資源的模塊；通過(guò)promise對(duì)ajax的封裝。

簡(jiǎn)單理解為：封裝好的、基于promise的發(fā)送請(qǐng)求的方法，因此不用設(shè)置回調(diào)函數(shù)，直接去調(diào)用then方法。

優(yōu)缺點(diǎn)

ajax：
本身是針對(duì)MVC的編程,不符合現(xiàn)在前端MVVM的浪潮
基于原生的XHR開(kāi)發(fā)，XHR本身的架構(gòu)不清晰，已經(jīng)有了fetch的替代方案
JQuery整個(gè)項(xiàng)目太大，單純使用ajax卻要引入整個(gè)JQuery非常的不合理（采取個(gè)性化打包的方案又不能享受CDN服務(wù)
axios：
從 node.js 創(chuàng)建 http 請(qǐng)求
支持 Promise API
客戶(hù)端支持防止CSRF
提供了一些并發(fā)請(qǐng)求的接口（重要，方便了很多的操作）

延伸閱讀：

二、Ajax適用

Ajax適用場(chǎng)景

　　1、表單驅(qū)動(dòng)的交互

　　2、深層次的樹(shù)的導(dǎo)航

　　3、快速的用戶(hù)與用戶(hù)間的交流響應(yīng)

　　4、類(lèi)似投票、yes/no等無(wú)關(guān)痛癢的場(chǎng)景

　　5、對(duì)數(shù)據(jù)進(jìn)行過(guò)濾和操縱相關(guān)數(shù)據(jù)的場(chǎng)景

　　6、普通的文本輸入提示和自動(dòng)完成的場(chǎng)景

Ajax不適用場(chǎng)景

　　1、部分簡(jiǎn)單的表單

　　2、搜索

　　3、基本的導(dǎo)航

　　4、替換大量的文本

　　5、對(duì)呈現(xiàn)的操縱

以上就是關(guān)于axios和ajax區(qū)別的內(nèi)容希望對(duì)大家有幫助。

上一篇

ar模型和ma模型的區(qū)別?

下一篇

cs和bs區(qū)別?