1

При успешной отправке формы, по идее должно высветится оповещение с текстом 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);
    });
}

1 ответ 1

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

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

9
  • аякс отправляет данные в registration.php, но почему-то отрабатывает событие error, а не success
    – Ayurpwnz
    28 фев 2020 в 23:11
  • 1
    Давайте выясним, что за ошибка происходит.
    – user176262
    29 фев 2020 в 0:19
  • i.imgur.com/Y63j6GU.png вот что выводит консоль, может какие-то конфликты с файлом Registration.php, т.к я из него возвращаю ошибки в json формате, допустим если mail повторяется и тд
    – Ayurpwnz
    29 фев 2020 в 0:29
  • 1
    @Ayurpwnz Ну вон же ошибка. Поставьте в ajax опциях dataType: "text", и выведите в success: console.log(res);
    – user176262
    29 фев 2020 в 0:48
  • 1
    @Ayurpwnz Это html, а не JSON. Я не совсем понимаю, почему jQuery пытается его распарсить как JSON.
    – user176262
    29 фев 2020 в 1:37

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.