axios與jquery的區(qū)別有哪些

本文小編為大家詳細(xì)介紹“axios與jquery的區(qū)別有哪些”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“axios與jquery的區(qū)別有哪些”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

區(qū)別：1、axios是一個(gè)異步請求框架，用于封裝底層的XMLHttpRequest，而jquery是一個(gè)JavaScript庫，只是順便封裝了dom操作；2、axios是基于承諾對象的，可以用承諾對象中的方法，而jquery不基于承諾對象。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

axios與jquery的區(qū)別是什么

1、axios是一個(gè)專一的異步請求框架，用于封裝底層的XMLHttpRequest，類似于之前ajax，而 jquery:只是順便封裝了dom操作

2、axios是基于承諾對象(promise)的，也就是可以使用承諾對象中的方法（then，catch，finally）

每次發(fā)送axios請求，返回值為promise對象

axios().then()
axios.all()

jquery不基于承諾對象

3、axios對響應(yīng)數(shù)據(jù)進(jìn)行了二次封裝

 $.ajax({
     url:'',
     success:function(data){
         data->java后臺(tái)返回的數(shù)據(jù)，但是不同的人員對后臺(tái)的數(shù)據(jù)封裝不同
     }
 })
 axios().then(response=>{
     //response:是axios二次封裝的相應(yīng)對象
     response:{
         status
         statusText
         data:
         config:請求的配置信息
     }
 })

4、axios發(fā)送post請求攜帶參數(shù)，參數(shù)默認(rèn)以json字符串形式發(fā)送，也就是請求頭的默認(rèn)格式為：contentType:“application/json”

而ajax中的post方式：默認(rèn)發(fā)送的是查詢字符串，也就是說請求頭的默認(rèn)格式為：contentType:“application/x-www-form-urlencoded”

     查詢字符串  name=lisi&age=20
     json:{
         "name":"lisi",
         "age":20
     }
     json:前后臺(tái)交互

讀到這里，這篇“axios與jquery的區(qū)別有哪些”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。