forループを使用してjsonを複数回呼び出す際に問題が発生しました

Question

for(var j = 0; j < tempArray.length; j ++){ 
$.getJSON('http://localhost:8080/predict', tempArray[j]) 
    .fail(function(data,textStatus, error) { 
     Probability = data.responseText; 
     console.error("getJSON failed, status: " + textStatus + ", error: "+error); 
    }) 

    .done(function(data) { 
     console.log(data); 
     Probability = data.classProbabilities[0]; 
     Array.prototype.push.call(resultPercentage, Probability); 
    }); 
} 
console.log(resultPercentage); 

tempArrayは10個のオブジェクトの配列です。 forループを使ってjsonに配列を渡しています。
resultPercentageは、10の異なる結果を1つのアレイに印刷しています。
Json for forループを呼び出すたびに、その配列の結果のシーケンスを変更し続けます。

Answer 1

私は同様の問題を持っていたし、私はこのようなものでした：あなたはまた、forループを使用して、これを試すことができます

$.each(array, function(key, value) { 
     $.ajax({ 
     url: "http://localhost:8080/example", 
     data: JSON.stringify(value), 
     async:false, 
     success:something, 
     fail:something 
     }); 
    }); 

を。async：falseを指定すると、非同期で実行されなくなります。

Answer 2

このようなことをします。注意：ループ内で関数を実行することはできません。試してみてください。もしそうでなければ、あなたが実際にやりたいことをあなたの意図を提供してください。

var tempArray = []; 

for(var j = 0; j < tempArray.length; j++){ 
        $.getJSON('http://localhost:8080/predict', tempArray[j]) 
        .fail(first) 
        .done(second); 
    } 
    console.log(resultPercentage); 

function first(data, textStatus, error) { 
         Probability = data.responseText; 
         console.error("getJSON failed, status: " + textStatus + ", error: "+error); 
        } 

function second(data) { 
        console.log(data); 
        Probability = data.classProbabilities[0]; 
        Array.prototype.push.call(resultPercentage, Probability); 
       } 

Answer 3

などはコメントで、複数のAjaxのresquestの処理順序が同時にをほとんど（私たちが話しているマイクロ秒）を送信し、サーバーに依存しました。

サーバーでの管理方法はわかりません。
の場合はとなりますが、保証はされていません。

私はhttp://localhost:8080/predictが何をするか分からないので、私は唯一のtheorical提案...
に答えることができます。
これがPHPかどうかわかりません。

---

         だから、これは私だけが適用しようとするだろう原則です...
         私は試したことがない...ところで。 ;）

---

最初に行うことは、idという要求としてjループカウンタを渡すことです。
次に、ループ内で.fail()と.done()の代わりにAjax Global Eventsを使用して応答を処理します。 、http://localhost:8080/predictで、データを取得し、自分のものを行う今

for(var j = 0; j < tempArray.length; j ++){ 
$.getJSON('http://localhost:8080/predict', '{data:tempArray[j],id:j}'); // Pass the array AND an id 
} 

：
これは、これにforループを短くします。
idにjsonレスポンスで再注入するようにしてください。

<?php 
$data = $_REQUEST['data']; 
$id = $_REQUEST['id']; 

// Do your stuff with $data... 
// ... 

// Add the passed id to the json actually produced: 
echo '{id:' . $id . ', classProbabilities:[0.90], color:"blue", somethingElse:"Other data"}'; 

?> 

Ajaxグローバルイベントを使用すると、いくつかのカウンターを使用できます。
結果を表示する前に、すべての要求が完了していることを確認すると便利です。
一部のリクエストが失敗した場合でも、成功したリクエストの結果を表示できます。

// Counters. 
var completed_Ajax = 0; 
var error_Ajax = 0; 
var success_Ajax = 0; 

// An array to get the resquest response order 
var responseOrder = []; 

// An array to have the resquest responses reordered (final result) 
var resultPercentageOrdered = []; 


// Error handler 
$.ajaxError(function(request, status, error){ 
    error_Ajax++; 
    console.log("Error #"+error_Ajax+":\n"+error); 
}); 

// Sucess handler 
$.ajaxSuccess(function(data){ 
    success_Ajax++; 

    // Handle the data (your code untouched) 
    console.log(data); 
    Probability = data.classProbabilities[0]; 
    Array.prototype.push.call(resultPercentage, Probability); 

    // Push the received id in array. 
    responseOrder.push(data.id); 

    if(success_Ajax == tempArray.length){ 
    console.log("All resquests succeded."); 
    } 
}); 

// Completed request handler 
$.ajaxComplete(function(){ 
    completed_Ajax++; 

    if(completed_Ajax == tempArray.length){ 
    console.log("All resquests done."); 
    } 

    if((error_Ajax + success_Ajax) == tempArray.length){ // Even if there are errors... Show results when all resquests completed. 

    // The result before ordering. 
    console.log(JSON.stringify(resultPercentage)); 

    // Just for fun, show the resquest processing order 
    console.log(JSON.stringify(responseOrder)); 

    // Reordering the results, using responseOrder 
    // 
    for(i=0;i<success_Ajax;i++){ 
     var index = responseOrder.indexOf(i); 
     resultPercentageOrdered.push(resultPercentage[index]); 
    } 

    // Show them in console. 
    console.log(JSON.stringify(resultPercentageOrdered)); 

    // Use this result array here. 
    // ... 
    // ... 
    } 
});