Выполнить функцию после рекурсивных асинхронных вызовов ajax

Question

Мне нужно выполнить функцию после рекурсивных асинхронных вызовов ajax. у меня есть:

var tree = [1, 2 ,3, 4]; 

recursion(0); 

function recursion(i) { 
    $.ajax('http://example.com/' + tree[i]) 
     .done(function (data) { 
     // data is array 
     ++i; 
     if (tree[i] !==undefined) { 
      $.each(data, function() { 
       recursion(i); 
      }); 
     } 
    }); 
} 

И я хочу после всех звонков, когда они сделаны сделать:

recursion(0).done(function() {alert('All calls are done!')}); 

Я знаю, я должен использовать $ .Deferred из JQuery, но Аякс вызова возвращения обещания слишком. Я пытаюсь использовать $ .Deferred, но я столкнулся с проблемой, с петлей в этом месте:

 $.each(data, function() { 
     recursion(i); 
    }); 

Пожалуйста, помогите мне.

Answer 1

Я пытаюсь использовать $ .Deferred

Хорошо!

, но я столкнулся с проблемой, с петлей в этом месте: $.each(data, recursion)

Каждый из recursion(i) вызовов возвращает обещание, поэтому, когда мы выгнали их мы остались с коллекцией обещаний. Теперь мы можем использовать $.when до wait for all of them и получить обещание по всем их результатам.

Теперь мы используем then, чтобы связать это циклическое выполнение после вызова ajax, чтобы мы могли вернуть обещание для конечного результата этого этапа рекурсии.

function recursion(i, x) { 
    return $.ajax('http://example.com/' + tree[i] + x).then(function (data) { 
     if (++i < tree.length) 
      // get an array of promises and compose all of them 
      return $.when.apply($, $.map(data, function(d) { 
       return recursion(i, d); 
      })); 
     else // at the innermost level 
      return data; // get the actual results 
    }); // and return a promise for that 
} 

Answer 2

Чтобы сделать его простым, вы можете просто запустить функцию в своем .done, которая проверяет значение i и если она равна длине дерева (минус 1), а затем запустите свою функцию.

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

Answer 3

Вы должны были бы сделать что-то вроде этого:

function recursion(i) { 

    return $.ajax('http://example.com/' + tree[i]) 
     .then(function (data) { 
      // data is array 
      ++i; 
      if (tree[i] !==undefined) { 

       // get an array of promises 
       var promises = $.map(data, function() { 
        return recursion(i); 
       }); 

       // return the `when` promise from the `then` handler 
       // so the outer promise is resolved when the `when` promise is 
       return $.when.apply($, promises); 
      } else { 
       // no subsequent calls, resolve the deferred 
      } 
     }); 
} 

В настоящее время не проверялось, но по крайней мере дает вам идею. В основном вы разрешаете только отсрочку, как только все последующие вызовы будут разрешены.

Answer 4

Редактировать, jQuery deferred, promise на самом деле не требуется для достижения требования. См. Комментарий и ссылку Bergi, ниже.

Try (этот шаблон, безjquery.deferred или promise «s)

(function recursion() { 
     var tree = [1, 2 ,3, 4] 
     , results = [] 
     , dfd = function(res) { 
      alert('All calls are done!'); 
      console.log(res) 
     }; 

    $.each(tree, function(k, v) { 
     $.ajax("http://example.com/" + v) 
     .done(function (data, status, jqxhr) { 
     // data is array 
      results.push([data, status, jqxhr.state()]); 
      if (results.length === tree.length) { 
       dfd(results);   
      } 
     }); 

    }); 

    }()); 

jsfiddle http://jsfiddle.net/guest271314/nvs0jb6m/