區(qū)別:1、axios是一個(gè)異步請(qǐng)求框架,用于封裝底層的XMLHttpRequest,而jquery是一個(gè)JavaScript庫,只是順便封裝了dom操作;2、axios是基于承諾對(duì)象的,可以用承諾對(duì)象中的方法,而jquery不基于承諾對(duì)象。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
axios與jquery的區(qū)別是什么
1、axios是一個(gè)專一的異步請(qǐng)求框架,用于封裝底層的XMLHttpRequest,類似于之前ajax,而 jquery:只是順便封裝了dom操作
2、axios是基于承諾對(duì)象(promise)的,也就是可以使用承諾對(duì)象中的方法(then,catch,finally)
每次發(fā)送axios請(qǐng)求,返回值為promise對(duì)象
axios().then() axios.all()
jquery不基于承諾對(duì)象
3、axios對(duì)響應(yīng)數(shù)據(jù)進(jìn)行了二次封裝
$.ajax({ url:'', success:function(data){ data->java后臺(tái)返回的數(shù)據(jù),但是不同的人員對(duì)后臺(tái)的數(shù)據(jù)封裝不同 } }) axios().then(response=>{ //response:是axios二次封裝的相應(yīng)對(duì)象 response:{ status statusText data: config:請(qǐng)求的配置信息 } })
4、axios發(fā)送post請(qǐng)求攜帶參數(shù),參數(shù)默認(rèn)以json字符串形式發(fā)送,也就是請(qǐng)求頭的默認(rèn)格式為:contentType:“application/json”
而ajax中的post方式:默認(rèn)發(fā)送的是查詢字符串,也就是說請(qǐng)求頭的默認(rèn)格式為:contentType:“application/x-www-form-urlencoded”
查詢字符串 name=lisi&age=20 json:{ "name":"lisi", "age":20 } json:前后臺(tái)交互
相關(guān)視頻教程推薦:jQuery視頻教程