循环请求一个数组，等一条回来，再走下一条

最新推荐文章于 2024-04-16 14:53:54 发布

原创最新推荐文章于 2024-04-16 14:53:54 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

接口数据的异步请求专栏收录该内容

11 篇文章

订阅专栏

本文详细展示了如何使用JavaScript的Axios库异步处理数组中的数据，重点在于当遇到特定值'b'时，会暂停并延时执行后续操作。通过Promise实现控制流程。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>


    async function goAxios() {

      var data = ['a', 'b', 'c']
      for (let i = 0; i < data.length; i++) {

        await new Promise((resolve, reject) => {

          if (data[i] == 'b') {
            setTimeout(() => {
              resolve(data[i] + ',就是一定会等b回来再接着走')
            }, 1000)
          }
          else {
            resolve(data[i])
          }

        }).then((res) => {
          console.log(res)
        })

      }
    }

    goAxios()



  </script>

</body>

</html>