使用Fetch API发送多个请求，并等待它们完成后再执行另一段代码开发者社区

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

文章/答案/技术大牛

发布

fetch(url, {method: 'post', body: someData}).then(response => response.json()).then(data => { if(data.STATUS === 'SUCCESSFUL'){ //some code here } });
fetch(url, {method: 'post', body: someData}).then(response => response.json()).then(data => { if(data.STATUS === 'SUCCESSFUL'){ //some code here } });
fetch(url, {method: 'post', body: someData}).then(response => response.json()).then(data => { if(data.STATUS === 'SUCCESSFUL'){ //some code here } });
//some code to run after above requests processing.

Promise.all([
  fetch(url, {method: 'post', body: someData}), // first fetch
  fetch(url, {method: 'post', body: someData}), // second fetch
]).then((data) => {
  const [firstFetchResult, secondFetchResult, ...] = data;
  // data processing
}).then(() => {
  // some code to run after above requests processing.
})

// Some functions map - first custom functions for first fetch ect;
const FM_MAP = [
  (data) => data.substring(40, 50).replace('a', 'b'),
  (data) => data.substring(1, 10),
  (data) => [...data.substring(25, 30)].join('-_-')
Promise.all([
  fetch('google.com'),
  fetch('google.com'),
  fetch('google.com')
]).then((responses) => Promise.all(
  // you can work with responses just like with regular arrays

问 使用Fetch API发送多个请求，并等待它们完成后再执行另一段代码 EN

回答 1

Stack Overflow用户