Javascript async function inside another function

user_16383273 0
Viewed 1228

I am trying to call an async function inside another function. However, when I click on the network tab, it ain't creating any post request. What can be the issue here?

var onComplete = function() {
  // CALLING THE ASYNC FUNCTION HERE ---> { NOT WORKING }
  updateProfile()
}

async function updateProfile(){
  var dataString = {
    name: questions[0].answer,
    gender: questions[1].answer,
    dob: questions[2].answer,
    country: questions[3].answer,
    interested: questions[4].answer,
  };
  let xhr = new XMLHttpRequest();
  xhr.open("POST", "processes/onboard.php", true);
  xhr.onload = ()=> {
    if(xhr.readyState === XMLHttpRequest.DONE) {
      if(xhr.status === 200) {
        // SUCCESS
      }
    }
  }
  let formData = new FormData(form);
  xhr.send(JSON.stringify(dataString));
}
javascript
1 Answers

I'm not a super expert but there is a couple of recommendations we can apply

  1. split the function in two to get more clean and maintainable code, which means two async/await blocks:

i.e

    function resolveRequestAfter2Seconds() {
      return new Promise(resolve => {
        setTimeout(() => {
          resolve('resolved');
        }, 2000);
      });
    }
    
    async function asyncCall() {
      const result = await resolveRequestAfter2Seconds();
      console.log(result);
    }
    
    asyncCall();
  1. Use promise.all to take an array of promises and return an array with your transactions once each individual call for transaction details finishes.

i.e

async (transactionKey, page) => {

  const api = `https://api/....`;
  const response = await axios.get(api);
  
  // create an array of promises and wait for
  // all of them to resolve before continuing

  const transactions = await Promise.all(
    response.data.map(async item => {
      const { id, transaction_id } = item;

      // get transaction details for each item in the array
      const _details = await transactionDetails(transaction_id);

      return {
        id,
        _details,
        transactionId: transaction_id,
      };
    })
  );
  return transactions;
};
user_85756230
Related