Javascript - Using Promise For Post Php, Get Undefined Result

I'm a newbie in JS and have a little to no knowledge about asynchronous program and promise. I have a problem in getting result from post PHP as written in this code: showModalLink

Solution 1:

I have no idea why the results[i] return undefined inside then function loop.

Because you don't have a loop in the .then() function. So i has the value it had at the end of the loop that created all the promises, which is the number of promises that were created. But the indexes of results go from 0 to i-1.

Promise.all(promises).then(function(results) {
  for (var i = 0; i < results.length; i++) {
    if (results[i] == d.source.name) {
      console.log("1");
      lelangmodal.push(lelang[i] + " - dimenangkan oleh " + d.source.name);
      console.log(lelangmodal);
    } elseif (results[i] == d.target.name) {
      console.log("2");
      lelangmodal.push(lelang[i] + " - dimenangkan oleh " + d.target.name);
      console.log(lelangmodal);
    } else {
      console.log("3");
      lelangmodal.push(lelang[i]);
      console.log(lelangmodal);
    }
  }
  $('#modalLelang').text(lelangmodal);
  $('#myModal').modal('show');
});