从 AJAX 请求中获取有序响应

Question

在这段代码中，我在 for 循环中将单个单词发送到 google translate，并尝试将来自 google translate API 的翻译响应与原始单词配对.但是，在这样做的过程中，我也渐渐明白了异步和同步的区别！

现在的问题是以某种方式继续利用异步 AJAX 调用的效率，但以某种方式以我发送给 google 翻译的原始顺序捕获翻译。

    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);
        }

    });

Answer 1

基本上，Promises.all() 可以让你做这样的事情：

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   
  }
});

您可以根据自己的情况进行调整。主要思想 - 收集到一个数组然后 - 使用 promise.all

从 AJAX 请求中获取有序响应

Getting Ordered Responses from AJAX Request

javascript

ajax

jquery

asynchronous

google-translate