Java就業(yè)教程:Axios基礎(chǔ)學(xué)習(xí)

Java就業(yè)教程:Axios基礎(chǔ)學(xué)習(xí)

長(zhǎng)沙中公優(yōu)就業(yè)      2022-05-02 03:56:01     7

Java就業(yè)教程:Axios基礎(chǔ)學(xué)習(xí),Vuejs并沒(méi)有直接處理ajax的組件,但可以使用Axios或vue-resource組件實(shí)現(xiàn)對(duì)異步請(qǐng)求的操作。而Axios是一個(gè)基于promise的HTTP庫(kù),

課程價(jià)格 請(qǐng)咨詢

上課時(shí)段: 授課校區(qū):

詳細(xì)介紹

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教程

培訓(xùn)啦提醒您:交易時(shí)請(qǐng)核實(shí)對(duì)方資質(zhì),對(duì)于過(guò)大宣傳或承諾需謹(jǐn)慎!任何要求預(yù)付定金、匯款等方式均存在風(fēng)險(xiǎn),謹(jǐn)防上當(dāng)。