从另一个 axios 承诺进行 axios 调用并保存返回的数据

Question

我正在从另一个axios调用的promise进行axios调用，代码如下所示，调用基本上是从第一种方法到第二种方法。

根据建议更新代码 它只是说：不能在异步函数之外使用关键字'await'然后我尝试了

var data = async () => {
        await this.checkParentLoggerLevel();
      };

还是不行

async updateLevel(logger, level, index) {
      alert(index);
      axios
        .post(
          'url'
        )
        .then(() => {
          var data = await this.checkParentLoggerLevel();

          alert('waiting');
          alert(
            'This will be executed before the second methods returns HEllo'
          );
          alert(data);
        });
    },

第二种方法：

async checkParentLoggerLevel() {
      alert('inside checkParentLoggerLevel ');
      return await axios
        .get('url')
        .then(() => {
          alert('returning hello');
          return 'hello';
        });
    },

我的目标是在第一种方法中将返回的hello 保存到数据变量中。这是行不通的。另一个问题是在this.checkParentLoggerLevel() 方法调用之后代码继续执行并且不等待返回的值。

Answer 1

发生这种情况是因为在 checkParentLoggerLevel 内部，您没有等待 axios 承诺完成。你可以这样做：

async checkParentLoggerLevel() {
  alert('inside checkParentLoggerLevel ');
  return await axios
    .get('url')
    .then((res) => {
      return 'hello';
    });
}

另外，您需要在 updateLevel 中等待，例如：

async updateLevel() {
  axios
    .post(url)
    .then(async (res) => {
      var data = await this.checkParentLoggerLevel();
      alert("This will be executed before the second methods returns HEllo");
      alert(data);
    });
}

Answer 2

你应该链接承诺，所以：

updateLevel() {
  axios
    .post(url)
    .then(res => {
      return this.checkParentLoggerLevel.then(data => ([res, data]);
    })
    .then(([res, data]) => {
       // here
    });
}

或者简单地使用异步等待：

async updateLevel() {
  const res = await axios.post(url);
  const data = await this.checkParentLoggerLevel();
  // Do whatever you want
}