Array data from multiple ajax request

Question

i have some code and request from multiple url, and result data is array , if i use result.push(data) the result will give [[{Data1:a,Data2:b}],[{Data1:c,Data2:d}]] how to merged data become array like [{Data1:a,Data2:b},{Data1:c,Data2:d}]

var url_api = [<?=$urlapi;?>];
var responses = [];

for(var i = 0; i < url_api.length; i++){
  getTarif(url_api[i]);
}

function getTarif(link){
  $.ajax({
    type: 'GET',
    url: link,
    dataType: 'json',
    error: function () {
      alert('Unable to load url :'+link+', Incorrect path or invalid url');
    },
    success: function (data) {
       responses.push(data.data);
    }
  });
}

Ori Drori · Accepted Answer · 2019-10-21 10:54:56Z

1

You can use the spread syntax - responses.push(...data.data); - to add individual items to the responses arrays:

function getTarif(link){
  $.ajax({
    type: 'GET',
    url: link,
    dataType: 'json',
    error: function () {
      alert('Unable to load url :'+link+', Incorrect path or invalid url');
    },
    success: function (data) {
       responses.push(...data.data);
    }
  });
}

answered Oct 21, 2019 at 10:54

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

3 Comments

Orocduded Over a year ago

hey can i ask you something ? after i push the data and console.log its show empty array, but if i expand is showing 2 data . and if i call the array its not showing anything .

Ori Drori Over a year ago

This is an async operation, so console.logging the results after getTarif shows you the current status (empty). When you you expand it, the console refreshes the result. Calling it is an sync operation that will get you the original empty array. Whatever you want to do with the data, add to a function, and call inside the success block. You should also learn about promises or async/await.

Ori Drori Over a year ago

success: function (data) { responses.push(...data.data); fn(responses); // your logic } However, you should learn promises and async/await.

Collectives™ on Stack Overflow

Array data from multiple ajax request

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related