从另一个 axios promise 调用 axios 并保存返回的数据

Question

I am making an axios call from promise of another axios call, the code looks like below, the call is basically from the first method to the second method.

UPDATED CODE BASED ON SUGGESTION It simply says: Can not use keyword 'await' outside an async function then I tried

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

still did not work

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);
        });
    },

Second method:

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

My aim to to save the returned hello to data variable in first method.This is not working. The other problem is after the this.checkParentLoggerLevel() methods call code execution continues and does not wait for the retuned value.

Answer 1

This happens because inside checkParentLoggerLevel you are not waiting for the axios promise to complete. You can do it like:

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

Also, you need to await inside updateLevel like:

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

You should chain the promises, so:

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

Or simply with async await:

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