Getting Ordered Responses from AJAX Request

Question

In this code, I am sending individual words to google translate in a for loop and am trying to pair the translated responses from the google translate API with the original word. However, I have come to learn the difference between asynchronous and synchronous in the process of doing so!

The problem now is to somehow continue to utilize the efficiency of an asynchronous AJAX call but to somehow capture the translations in the original order that I sent them to google translate.

    for (word in original_text) {

    $.ajax({
        type: "GET",
        url: "https://www.googleapis.com/language/translate/v2?",
        data: {key: my_Key, source: "en", target: "es", q: original_text[word]},
        dataType: 'json',
        success: function (result, status, xhr) {
            translated.push(result.data.translations[0].translatedText);
            alert(translated);
            if (translated.length === original_text.length) {
                var merged = {};
                for (word in original_text) {
                    merged[original_text[word]] = translated[word];
                }

                dfrd.resolve(JSON.stringify(merged));
            }
        },
        error: function (xhr, status, errorMsg) {
            alert(xhr.status + "::" + xhr.statusText + "::" + xhr.responseText);
        }

    });

http://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example I believe this is your issue now — epascarello, Jan 08 '16 at 18:38

score 0 · Accepted Answer · answered Jan 08 '16 at 18:38

0

Basically, Promises.all() lets you do something like this:

var promises = [];
for(var i = 0; i < 5; i++){
promises.push($.ajax("SomeURL"));
}
 Promise.all(promises).then(function(datas){
  for(var y = 0; y < datas.length; y++){
    var data = datas[y]; //Your data in correct order   
  }
});

You can adapt it to your case. Main idea - collect to one array and then - use promise.all

answered Jan 08 '16 at 18:38

Nigrimmist

10,289
4
52
53

Awesome, thank you! Give me a moment to get smart on the promise.all so I can digest all this. – Lance Jan 08 '16 at 18:58
@Lance if my answer helped, up it please and set as a solution. Have a good day – Nigrimmist Jan 08 '16 at 20:23

Getting Ordered Responses from AJAX Request

1 Answers1