Не работает ответ success Ajax

Question

При успешной отправке формы, по идее должно высветится оповещение с текстом message send, но страница просто перезагружается, при этом форма верно отрабатывает. В чем может быть проблема?

$.ajax({
        url: 'Registration.php',
        type: 'POST',
        data: {
            login: login,
            password: pass1,
            email: email,
            referral: referral
        },
        success: function(res) {
           console.log(login);
                    $('.alert').css('background','green');
                        Notification('message send');
                        return false


                },
                error: function(){                        
                    $('.alert').css('background','red');
                    Notification('Error!');
                    return false
                }    
    });
function Notification(Text) {
    document.getElementById("alert").innerHTML = Text;
    $('.alert').animate({
        bottom: '10px',
        opacity: '1'
    }, 1000, function() {
        var alertHide = setInterval(function() {
            $('.alert').animate({
                bottom: '-100%',
                opacity: '0'
            }, 10000);
            clearInterval(alertHide);
        }, 10000);
    });
}

Answer 1

$("your form selector").submit(function(e){
  e.preventDefault(); // !!!
  $.ajax({
    ...
    error(jqXHR, textStatus, errorThrown) {
      console.log(textStatus, errorThrown);
      console.log(jqXHR);
    }
  });
});

return false в обработчиках success и error не нужны.

БЛОГ НА HUSL

Не работает ответ success Ajax

Ответы (1 шт):