Блог

Итак, основываясь на этом руководстве по Medium (https://medium.com/coding-design/writing-better-ajax-8ee4a7fb95f#.d7ymg99mp ), я пытаюсь использовать отложенные массивы, ajax-запросы и jQuery.метод when для выполнения нескольких запросов ajax и получения результата от каждого из них.

Вот код для того, что я делаю

 function updateAllGoingButtons(){
    var dataToPass = {};
    var deferreds = [];

    $('.btn-group').find('button').each(function(){
       console.log($(this).attr('id'));
       dataToPass.button = $(this).attr('id');
       var ajax = $.ajax({
          url: '/update-buttons',
          method: 'post',
          data: dataToPass,
          dataType:'json'
       });

       deferreds.push(ajax);

       $.when.apply($, deferreds).then(function(){

       });
    });
}
  

Возникает путаница в том, как использовать эту функцию $.when и где я могу получить доступ к данным, возвращенным в вызов ajax.

Я попытался вставить простой параметр успеха, но он не вошел в его функцию обратного вызова. Как мне это сделать?

Вы просто вызываете when слишком рано. Сделайте это вне each цикла, после того, как вы запустили все свои вызовы ajax и получили их обещания в массиве:

 function updateAllGoingButtons(){
    var dataToPass = {};
    var deferreds = [];

    $('.btn-group').find('button').each(function(){
       console.log($(this).attr('id'));
       dataToPass.button = $(this).attr('id');
       var ajax = $.ajax({
          url: '/update-buttons',
          method: 'post',
          data: dataToPass,
          dataType:'json'
       });

       deferreds.push(ajax);

    });

    $.when.apply($, deferreds).then(function(){     // <=== Moved this
                                                    // <===
    });                                             // <===
}
  

Результаты этих вызовов ajax будут предоставлены вашей then функции в виде последовательности отдельных аргументов. Каждый аргумент будет представлять собой массив с тремя записями, соответствующими трем аргументам, обычно передаваемым success функциям. Поскольку вы имеете дело с массивом, вы, вероятно, захотите получить к ним доступ через arguments псевдомассив. Также всегда полезно иметь обработчик отклонения (второй аргумент then или альтернативно использовать catch с последними версиями jQuery):

 $.when.apply($, deferreds).then(
    function() {
        var n;
        for (n = 0; n < arguments.length;   n) {
             console.log("Result "   n, arguments[n][0]);
        }
    },
    function() {
        // At least one request failed
    }
);