Skip to main content

http请求顺序执行

需求描述​

循环发送10次请求，请求结果为1-10，因为请求为异步，因此返回结果前后顺序不尽如人意 结果可能为：[1,3,4,6,9,2,8,10,7,5] ，但这里想要的是：[1,2,3,4,5,6,7,8,9,10]。

代码​

let list = [1,2,3,4,5,6,7,8,9,10]
let proList= []
list.forEach((item, index) => {
  proList.push(
    new Promise((resolve, reject) => {
      axios.get(`http://www.api.com/${item}`).then(res => {
          return resolve(res)
        }).catch(_ => {
          return resolve('') // 注意
        })
    })
  )
})
Promise.all(proList).then(res => {
  console.log(res)  // [1,2,3,4,5,6,7,8,9,10]
}).catch(_ => {
  // 错误时的处理
})

Promise.all方法能够轻松解决返回结果顺序不一致的苦恼，这里使用axios发送请求。

链接​

循环发送请求，返回结果按请求顺序排序