Как реализовать loader во время отправки формы по AJAX?

Question

[WillieShibelgut]

Здравствуйте! Подскажите пожалуйста, как реализовать спиннер или лоадер на то время, пока отправка формы обрабатывается? Сейчас есть такой скрипт на JQuery, который скрывает форму и показывает окно благодарности при успешной отправке:

$('form').submit(function(e) {
    e.preventDefault();
    $.ajax({
        type: "POST",
        url: "mailer/smart.php",
        data: $(this).serialize()
    }).done(function() {
        $(this).find("input").val("");
        $('.callback, .fancybox-bg, .service-popup').fadeOut('fast');
        $('#thanks').fadeIn('slow');
        setTimeout(function() {
          $('#thanks').fadeOut('slow');
        },2000);
        $('form').trigger('reset');
    });
    return false;
});

Спасибо!

Comments

[N]

Локальные AJAX Event'ы:
beforeSend — срабатывает перед отправкой запроса
error — если произошла ошибка
success — если ошибок не возникло
complete — срабатывает по окончанию запроса

Answer 1

[Воващ]

jQuery.ajax({
    type: "POST",
    url: 'YOU_URL_TO_WHICH_DATA_SEND',
    data:'YOUR_DATA_TO_SEND',
    beforeSend: function() {
        $("#loader").show();
    },
    success: function(data) {
        $("#loader").hide();
    }
});

Comments

[sinneren]

catch\error забыли, а то будет бесконечный. или complete, не помню как в jq это