Почему путаются данные в цепочке ajax-запросов?

Question

[Alexei Lavrov]

https://jsfiddle.net/alexeilavrov/vjd0cxho/8/

Скрипт циклом перебирает ссылки в блоке и должен для каждой узнать сколько есть комментариев. Вроде бы всё работает, но не работает.

При вызове цепи $.ajax().then().then() данные переходят на следующий этап, но почему-то между собой путаются. При каждом вызове скрипта в консоли разное количество результатов с разными данными.

Как правильно надо писать такие штуки? Спасибо.

Comments

[heartdevil]

alexeilavrov

Ajax - по своей сути, асинхронный. и запросы на сервер могут прийти беспорядочно. Вам нужно самому гарантировать порядок как-то. Функция then, не подходит для этого. Попробуйте функцию success, или complete.

Answer 1

[Айнур Валиев]

все дело в асинхронности

Answer 2

[cppjunkie]

Если важно выводить в каком-то порядке, то просто сохраняйте результаты где-нибудь и когда все выполнится выводите их в каком надо порядке. Например, в объектике, где ключ - это индекс, а значение - это результат операции. А при текущем подходя порядок не гарантирован, как уже сказали.

Если важно именно выполнять запросы по порядку, т.е. последовательно от 1 до N, то можно объединить их в цепочку из промисов. Вроде такого:

var promise = $.Deferred().promise();

$('ul.article-list > li').each(function(key, item) {
    promise = promise.then(function() {
        getSumComments($(item).children('a').attr('href'),$(item));
    });
    // console.log(item);
});

promise.then(function() {
    console.log('All done');
});