Vue中 axios 如何实现发送请求后,成功获取结果后,再继续执行后面的操作

我这有一段请求,代码如下

clipboard.png

理想状态下,应该是先输出 我是1,然后输出 我是2

不过实际情况下确实先输出了 ‘我是2’ 接下来才是‘我是1’

请问各位大佬有知道这个怎么实现吗,还是比较新的新手,不太懂,希望说的浅一点,谢谢

阅读 3.7k
评论
    4 个回答

    ajax请求是异步的,所以先输出2 再输出1

    把需要做的操作放到成功的回调中就行了

      axios是异步吧!js是单线程语言,浏览器只分配给js一个主线程,用来执行任务(函数),但一次只能执行一个任务,这些任务形成一个任务队列排队等候执行,等这些任务执行完以后才会执行异步里的方法!
      所以先执行2,再执行1!你可以在console.log('我是2') 后面再写console.log('我是3') console.log('我是4')
      出来的结果是 2 3 4 1

        • 530

        用promise或者Async/Await来实现

          getProjectForDetails() {
            **return new Promise((resolve, reject) => {**
              api.getProjectForDetails({"参数":""}).then(res => {
                this.dataList = res.dataList
                console.log('1')
                resolve(this.dataList)
              })
            **})**
          },
            this.getProjectForDetails().then(res => {
              console.log('2')
            })
          
            撰写回答

            登录后参与交流、获取后续更新提醒