Как сделать асинхронную цепочку вызовов jQuery?

Question

[Денис Денис]

Всем привет.
Хочется построить цепочку, но чего то я недопонимаю

function getRegionById(idRegion) {
            $.ajax({
                url: 'http://evildevel.com/Test/Region'
            }).done(function (res) {
                var d = $.Deferred();
                res.forEach(function (item) {
                    if (idRegion === item[0]) {
                        d.resolve();
                        return d.promise(item[1]);
                    }
                })
            }).then(function(itemName){
                console.log (itemName);
            }).fail(function () {
                console.log('error in request http://evildevel.com/Test/Region');
            });
        }

По моей логике в then должен приходить itemName, но он срабатывает сразу, и приходит весь массив данных, то есть получается что then аналогичен done?
Ок, как тогда сделать цепочку вызовов?
Спасибо

Answer 1

[Сергей Протько]

ну если вы присмотритесь к своему коду, то вы дергаете then не у своего промиса а тот который возвращает $.ajax. А документация гласит:

Incorporates the functionality of the .done() and .fail() methods, allowing (as of jQuery 1.8) the underlying Promise to be manipulated. Refer to deferred.then() for implementation details.

Так же не понятно почему вы ресолвите один и тот же промис в цикле.

Comments

[Денис Денис]

Что then и done делают одно и то же я понял.
А почему резолвлю один и тот же? Ведь if у меня срабатывает 1 раз?
Блин, а как же вернуть промис/deffered тогда?
Такое чувство, что проще использовать нативные промисы
Да, спасибо, Вы, как обычно, помогаете :)

[Денис Денис]

И, получается , надо не только вернуть, надо еще и подписаться на возврат результата

[Сергей Протько]

Денис Денис: нет, посмотрите еще раз - у вас deferred объект в колбэке не возвращается. И да, done заменяем на this и там возвращаем новый промис и т.д.

$.ajax()
  .then((res) => { 
     // ищем что нам надо и возвращаем
     // по хорошему оно должно само в промис все обренуть 
     // но я не помню точно
  }, (reason) => {
     // обрабатываем ошибки
  })
  .then((searchedItem) => {
     // делаем что хотели
  });