Как заставить ждать .done() при выполнении AJAX запроса?

Question

[Ninja Mate]

Ножно заставить ждать jQuery.Deferred() ответа от кастомного алерта (Модал), как это происходит если поставить alert('Done') браузерный.
deferred.done() выбрал что бы не выводить функцию при ошибке.

jQuery( document ).ready(function( $ ) {
                $.ajax({
                    'url': root_url + 'users/',
                    'method': 'POST',
                    'beforeSend': function (xhr) {
                        xhr.setRequestHeader('X-WP-Nonce', Slug_API_Settings.nonce);
                    },
                    data:{ ... },
                    success: function() {
                        //Это не стандартный браузерный алерт, а Модал бутстраповский
                        that.setState({ alert: <AlertDismissable
                                                    alMessage={"New User " + that.state.username.toUpperCase() + " created"}
                                                    alertStyle={'success'}
                                                /> });
                    },
                    ...
                    error: function(response) {
                        //Это не стандартный браузерный алерт, а Модал бутстраповский
                        that.setState({ alert: <AlertDismissable
                            alMessage={"Check your input again and try. An error occurred."}
                            alertStyle={'danger'}
                        /> });
                    }

                }).done(//нужно подождать выполнения пока не закроется AlertDismissable
                    that.props.reset
                );
            });
        });

Answer 1

[Maa-Kut]

А зачем для этого Deferred? У бутстрапового Modal'а есть событие hide (на закрытие диалога, как я понимаю), вот там нужный код и написать.

Comments

[Ninja Mate]

Да есть, но сценариев много и модалы разные. Только в случае ошибки не нужна в финале эта функция. Сильно бы жизнь облегчило.

[Maa-Kut]

Если я правильно понимаю задачу, то создание модала можно завернуть в какую-нибудь функцию, которая бы возвращала Promise (Deferred). Внутри функции модалу повесить обработчик на событие hide, в котором возвращаемому промису делать resolve. Метод $.ajax тоже возвращает Deferred; итого имеем два деферреда, которых можно дождаться с помощью $.when. Будет что-то типа такого:

var modalPromise = {};

var ajaxPromise = $.ajax({
success: function() {
modalPromise = createModal(that, ...);
}
});

$.when(ajaxPromise, modalPromise).done(function() {
// тут делаем все полезное
});

[Ninja Mate]

Maa-Kut: Спасибо! реализовал чуть-чуть по другому, но принцип тот же. в .done(function(), function()) и будет ждать выполнения всех. Соответственно при вызове ошибки не получает true от второй функуии (фукц просто через пропсы не передается) и ждет пока пользователь не выполнит нужные действия.