jquery ajax loop только возвращает последнее значение

Question

У меня есть вызов ajax нескольким различным службам. Я знаю, что мой массив var log перезаписывается каждым последующим вызовом, но я не могу понять, как изменить логику, чтобы добавить следующий массив вместо перезаписи.

$.ajax($.extend({}, ajaxDefaults, source, { 
       data: data, 
       success: function(events) { 
        events = events || []; 
        var res = applyAll(success, this, arguments); 
        if ($.isArray(res)) { 
         events = res; 
        } 
        callback(events); 


        var log = log || []; 
         for (var i=0; i<events.length; i++) { 
         log.push(events[i]); 
        } 
        console.log(log); 

       }, 
       error: function() { 
        applyAll(error, this, arguments); 
        callback(); 
       }, 
       complete: function(events) { 
        applyAll(complete, this, arguments); 
        popLoading(); 

       } 
      })); 

Answer 1

Это просто проблема с прицелом. Вы обновляете «var log» внутри функции $ .ajax success() (и, таким образом, перезаписываете его). Объявите var log вне $ .ajax и просто вставьте новые результаты в этот массив.

Попробуйте следующее:

var log = []; 
$.ajax($.extend({}, ajaxDefaults, source, { 
    data: data, 
    success: function(events) { 
     events = events || []; 
     var res = applyAll(success, this, arguments); 
     if ($.isArray(res)) { 
      events = res; 
     } 
     callback(events); 

     for (var i=0; i<events.length; i++) { 
      log.push(events[i]); 
     } 
     console.log(log); 

    }, 
    error: function() { 
     applyAll(error, this, arguments); 
     callback(); 
    }, 
    complete: function(events) { 
     applyAll(complete, this, arguments); 
     popLoading(); 

    } 
}));