Функция возвращает список значений, которые могут быть получить только асинхронно

Question

я хотел бы написать эту функцию:

function getResults(nums){ 
    var results = []; 
    for(var i = 0, len = nums.length; i < len; i++){ 
     var num = nums[i]; 
     ajaxGet("http://xxx.com/" + num, function(data){ 
      results.push(data); 
     }); 
    } 
    return results; 
}  
var results = getResults([12, 22, 34]); 

, как вы можете видеть, потому что ajaxGet асинхронный, это не будет работать. Как я мог сделать это правильно?

Answer 1

Вам нужно вернуть массив, используя обратный вызов, и вызвать обратный вызов, когда вы получите последний ответ. (Обратите внимание, что ответы не будут приниматься в порядке)

function getResults(nums, callback) { 
    var results = []; 
    for(var i = 0, len = nums.length; i < len; i++){ 
     var num = nums[i]; 
     ajaxGet("http://xxx.com/" + num, function(data){ 
      results.push(data); 
      if (results.length === nums.length) 
       callback(results); 
     }); 
    } 
}  

Answer 2

Если вы используете JQuery вы можете установить флаг асинхронной ложь:

function getResults(nums){ 
    var results = []; 
    for(var i = 0, len = nums.length; i < len; i++){ 
     var num = nums[i]; 
     jQuery.ajax({ 
      url: "http://xxx.com/" + num}, 
      async: flase, 
      success: function(data){ 
       results.push(data); 
      } 
     }); 
    } 
    return results; 
}  
var results = getResults([12, 22, 34]); 

Но если вы делаете это так, то ваш подход неправильный. Идите с SLaks answer.

jQuery.ajax() API page

Answer 3

Можно также сказать, Ajax для запуска синхронно

$.ajax({async: false}); 
var results = getResults(); 
$.ajax({async: true}); 

Answer 4

var allresults; 

function getResults(nums){ 
    var results = []; 
    for(var i = 0, len = nums.length; i < len; i++){ 
     var num = nums[i]; 
     ajaxGet("http://xxx.com/" + num, function(data){ 
      results.push(data); 
      if(results.length == nums.length){ 
       resume(results); 
      } 
     }); 
    } 

} 

getResults([12, 22, 34]); 

function resume(results){ 
    allresults = results; 
    .... 
    .... 
}  

Как другие говорили, использовать, если вы не используете JQuery