axios並行請求

2022-06-05 14:00:14 字數 750 閱讀 5624

有些操作需要在幾個非同步請求都完成之後再執行,雖然乙個ajax可以放到另乙個ajax完成的**裡面,但這樣很容易導致**地獄,且**也極其不美觀。

幸運的是axios提供了並行請求的方法,

使用方法:

1.先準備好多個請求,如get,放入乙個陣列中,[axios.get(url1),  axios.get(url2),  axios.get(url3)]

2.把請求陣列放入axios.all中呼叫

3.在**的引數是乙個陣列,分別對應各請求的結果

**: 

1 let urls =[

2 '',

3 '',

4 ''5]

6 let axioslist =

7 urls.foreach(url =>)

10 axios.all(axioslist).then(function

(res) )

也可以使用spread把請求進行分割,這樣注意**裡面的引數會有不同。

1 axios.all(axioslist).then(axios.spread(function

(res1, res2, res3, res4) ))

附axios的post使用示例:  

1

axios.post(url,).then(res =>).catch(res =>)

axios資料請求

請求方式預設是get 可以忽略,安裝get 請求寫法一axios.get請求寫法二axios then res catch error 這些請求寫在new vue中的methods中post請求寫法axios.defaults.headers.post content type 這裡的請求頭寫法是對...

axios 資料請求

1 安裝axios和qs npm install axios npm install qs 2 在vue的專案入口檔案main.js中,引入我們所需要axios 已經封裝好的ajax,也可以用fetch,但是相容性不如axios好 同時需要引入qs模組 我們在做post請求的時候需要用到 3 在vu...

axios同步請求

一般使用axios進行資料請求就是要使用非同步請求,因為專案需求,需要同步請求,所以async await了解一下 async用於宣告乙個函式是非同步的,await用於宣告在乙個非同步函式中等待語句執行完畢。也就是說await只能在async函式中使用 基本用法就是這樣的 methods 我這邊是用...