Returning an array from a function that makes a GET request using jQuery

Question

I am trying to write a function that makes a series of get requests, stores data from each request into an array, and at the end, returns the array.

I am doing something horribly wrong because my function is returning before all the asyncrons calls have finished. I am new to javascript and not really sure how I can tell my function to hold off on returning anything until all the get requests have been processed.

function load_character_data(peopleURLArray){
  let characterData = new Object() ;
  let i = 0;
  peopleURLArray.forEach(function(url){
    $.get(url, (data) => {
      characterData[i++] = data;
    }).done(() => console.log("done"));
  });
  console.log("function returned")
  return characterData
}

OUTPUT:

function returned

done

Kamlesh SG Bhurke · Accepted Answer · 2019-10-31 06:29:00Z

1

your object is returning before loop completes. hence the object is empty. Try below code and check

function load_character_data(peopleURLArray){
  let characterData = new Object() ;
  let i = 0;
  peopleURLArray.forEach(function(url){
    $.get(url, (data) => {
      characterData[i++] = data;
    }).done(() => {

    console.log("done")

    if(peopleURLArray.length == i){
        return characterData  
       }

    });


  });
  console.log("function returned")

}

answered Oct 31, 2019 at 6:29

Kamlesh SG Bhurke

3092 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Returning an array from a function that makes a GET request using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related