如何在错误回调时从刷新页面停止ajax表单提交?

时间:2016-07-15 21:13:55

标签: jquery ajax

我有这个用于登录的ajax请求,它在成功登录到用户破折号时重定向,并且在失败时我希望它显示警报而不刷新。有没有办法停止刷新?

$('#doctor_login').on("submit", function (e) {
frmReg = document.getElementById("doctor_login");

if (frmReg.user_name.value == "") {
    alert("<?php echo _USERNAME_EMPTY_ALERT; ?>"); frmReg.user_name.focus(); return false;
}
else if (frmReg.password.value == "") {
    alert("<?php echo _PASSWORD_IS_EMPTY; ?>"); frmReg.password.focus(); return false;
}
else {
    $.ajax({

        dataType: "html",
        type: 'POST',
        url: '../doctor/handlers/handler_ajax_login.php',
        data: $(this).serialize(),
        success: function (response) {
            console.log(response);
        },
        error: function (response) {

            alert('hi');
        }
    });
}

});

1 个答案:

答案 0 :(得分:1)

添加一个返回false以防止它。

 $.ajax({

    dataType: "html",
    type: 'POST',
    url: '../doctor/handlers/handler_ajax_login.php',
    data: $(this).serialize(),
    success: function (response) {
        console.log(response);

    },
    error: function (response) {

        alert('hi');
        return false;
    }
});

或使用:

$('#doctor_login').on("submit", function (e) {
     e.preventDefault();

然后你可以在你想要的时候提交它,因为这会阻止它提交,直到你想要它