axios的併發請求和 排隊請求

2021-09-29 05:49:16 字數 1725 閱讀 6878

1.因為到公司的時候,可能有大資料請求的情況,有時候需要我們同時傳送幾個請求 而不在乎他們回來的順序 這個就是併發請求,而有的時候需要我們按照一定的順序去請求資料 同時資料也要按照我們請求得順序回來資料  這個就是排隊請求

下面我們引入axios檔案  我不是在vue中測試的  直接使用的是 axios的cdn資源

2.併發的**是

function bing()}),

axios.get('',})

]).then(

axios.spread( (res1,res2) => ))}

併發回來的情況

排隊的**,排隊我用的是axios的post請求

function pai())})}

排隊回來的情況

插段話: 其實排隊 更好的寫法 可以   用es7 的 async 和 await 書寫 看起來更美觀寫  更像是同步

async function pai()
但好像  axios 的post請求 帶引數 不是這樣發的哈     想知道 axios.post 怎麼傳送請求  

請移步:

3.伺服器端的**  我用 定時器模擬了 大資料回來的的那種延遲狀態

var express=require("express");

var bodyparser=require("body-parser");

var cors=require("cors");

//支援ajax跨域請求

"access-control-allow-origin":"*"

}))    //在每一次響應頭這裡新增ajax跨域請求

res.header("access-control-allow-origin","*");

var type;

if(req.query.type!=undefined)

if(type=="a"))

},3000);

}else if(type=="b"))

},3000);

}else if(type=="c"))

},3000);

}else

})    console.log("有人進來了");    

res.header("access-control-allow-origin","*");

console.log(req.body.type);

console.log(11);

var type=req.body.type;

if(type=="a"))

},3000);

}if(type=="b"))

},3000);

}if(type=="c"))

},3000);}})

我一年之後 又來 更新下這個部落格的內容

axios之併發請求

併發請求 同時進行多個請求,同時處理返回值 axios.all axios.get data.json axios.get city.json then axios.spread datares,cityres 流程說明 現進行all裡面的兩個請求,請求完成後輸入兩個返回值datares和cityr...

Axios取消請求ajax請求

使用者需要快速請求,比如搶購,前一次的請求資料是毫無意義的,直接取消就完事了 快速切換tab等操作選單後,如果前一次請求比後一次請求響應慢,資料就會對不上 index.js 如果前一次請求還未響應,先取消 this cancel this cancel message this axios main...

axios資料請求

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