jQueryの - .getJSON

Question

を使用している間、各入力の値のためのgetJSON呼び出しを実行し、私は特定のクラス名を持つ任意の入力をチェックする作業機能を持っている）（.eachの秩序を維持：

function getTopFeeds() { 
    if (jQuery('input.class-name').length > 0) { 
    jQuery.each(jQuery('input.class-name'),function(){ 
     var feedName = jQuery(this).val(); 
     jQuery.getJSON("https://api.url/"+feedName).success(function(data) { 
     if (!(data)) { 
      return; 
     } 
     var result = data.results[0]; 
     if (result) { 
      // Here I create HTML list items to display API data 
     } 
     }); 
    }); 
    } 
} 

それは、動作しますが、非同期であるため、ページの入力順に返されません。データが入力と同じ順序で表示されるように、既存の関数を変更するにはどうすればよいですか？

Answer 1

すべてが戻ってくるまで待つことを望むなら、結果を配列に保持し、見た結果の数を覚えておくことができます。あなたが要求と同じくらい多くの結果を見たとき、あなたは完了です。コメントを見る：

function getTopFeeds() { 
    if (jQuery('input.class-name').length > 0) { 
     // Get the inputs 
     var inputs = jQuery('input.class-name'); 
     // Storage for the results 
     var results = []; 
     // Counter for # of responses we've seen 
     var counter = 0; 
     // Get them 
     inputs.each(function(index) { 
      var feedName = this.value; 
      jQuery.getJSON("https://api.url/" + feedName) 
       .done(function(data) { 
        // Got a response, save it or null if falsy (would that really happen?) 
        results[index] = data ? data.results[0] : null; 
       }) 
       .fail(function() { 
        // Error response, use null as a flag 
        results[index] = null; 
       }) 
       .always(function() { 
        // Called after `done` and `fail` -- see if we're done 
        if (++counter === inputs.length) { 
         // Yes, we're done -- use the results in `results` 
         // Note that there will be `null`s for any that 
         // didn't have data 
        } 
       }); 
     }); 
    } 
}