Vuejs并沒(méi)有直接處理ajax的組件,但可以使用Axios或vue-resource組件實(shí)現(xiàn)對(duì)異步請(qǐng)求的操作。而Axios是一個(gè)基于promise的HTTP庫(kù),可以用在瀏覽器和node.js中。下面是Axios基礎(chǔ)學(xué)習(xí)筆記整理,內(nèi)容主要包括Axios的簡(jiǎn)介和應(yīng)用,其中Axios的應(yīng)用又涉及方法說(shuō)明、Axios方法示例、get方法示例和post方法示例等內(nèi)容:
一、Axios簡(jiǎn)介
Axios 是一個(gè)基于promise的HTTP庫(kù),可以用在瀏覽器和node.js中。
# 如果使用npm則可以如下安裝
npm install axios
或者也可以直接使用公共的CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))服務(wù):
二、Axios應(yīng)用
1、方法說(shuō)明
Axios可以使用的方法有:axios(config);axios.get(url[, config]);axios.delete(url[, config]);axios.head(url[, config]);axios.post(url[, data[, config]]);axios.put(url[, data[, config]]);axios.patch(url[, data[, config]])
(1)config請(qǐng)求配置
這些是創(chuàng)建請(qǐng)求時(shí)可以用的配置選項(xiàng)。只有 url 是必需的。如果沒(méi)有指定 method ,請(qǐng)求將默認(rèn)使用 get 方法。
(2)響應(yīng)結(jié)構(gòu)
使用then時(shí),你將接收下面這樣的響應(yīng):
在使用catch時(shí),或傳遞rejection callback作為then的第二個(gè)參數(shù)時(shí),響應(yīng)可以通過(guò)error對(duì)象可被使用。
2、Axios方法示例
如果使用axios訪問(wèn)跨域數(shù)據(jù)的時(shí)候,只需要在服務(wù)提供方中,在方法上面使用SpringMVC的跨域注解即可解決數(shù)據(jù)跨域問(wèn)題。如果請(qǐng)求的地址是使用了網(wǎng)關(guān),那么在網(wǎng)關(guān)服務(wù)器上配置跨域就可以了;不能同時(shí)在網(wǎng)關(guān)服務(wù)器和服務(wù)提供服務(wù)工程中同時(shí)配置。
可以通過(guò)向axios傳遞相關(guān)配置來(lái)創(chuàng)建請(qǐng)求
axios(config)
3、get方法示例
將上述示例中的axios操作部分修改為如下:
4、post方法示例
將示例中的axios操作部分修改為如下:
以上就是長(zhǎng)沙中公優(yōu)就業(yè)java培訓(xùn)機(jī)構(gòu)的小編針對(duì)“Java就業(yè)教程:Axios基礎(chǔ)學(xué)習(xí)”的內(nèi)容進(jìn)行的回答,希望對(duì)大家有所幫助,如有疑問(wèn),請(qǐng)?jiān)诰€咨詢,有專業(yè)老師隨時(shí)為你服務(wù)。
Java教程