首頁  >  文章  >  web前端  >  axios與jquery的差別是什麼

axios與jquery的差別是什麼

WBOY
WBOY原創
2022-04-20 18:18:022848瀏覽

區別:1、axios是一個非同步請求框架,用於封裝底層的XMLHttpRequest,而jquery是一個JavaScript庫,只是順便封裝了dom操作;2、axios是基於承諾對象的,可以用承諾對像中的方法,而jquery不基於承諾對象。

axios與jquery的差別是什麼

本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。

axios與jquery的區別是什麼

1、axios是一個專一的非同步請求框架,用於封裝底層的XMLHttpRequest,類似於之前ajax,而jquery:只是順便封裝了dom操作

2、axios是基於承諾物件(promise)的,也就是可以使用承諾物件中的方法(then,catch,finally)

每次發送axios請求,傳回值為promise物件

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

jquery不基於承諾物件

3、axios對回應資料進行了二次封裝

 $.ajax({
     url:'',
     success:function(data){
         data->java后台返回的数据,但是不同的人员对后台的数据封装不同
     }
 })
 axios().then(response=>{
     //response:是axios二次封装的相应对象
     response:{
         status
         statusText
         data:
         config:请求的配置信息
     }
 })

4、axios發送post請求攜帶參數,參數默認以json字串形式發送,也就是請求頭的預設格式為:contentType:「application/json」

#而ajax中的post方式:預設發送的是查詢字串,也就是說請求頭的預設格式為:contentType:「application/x-www-form-urlencoded」

     查询字符串  name=lisi&age=20
     json:{
         "name":"lisi",
         "age":20
     }
     json:前后台交互

相關影片教學推薦:jQuery影片教學
##

以上是axios與jquery的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn