jquery - 提交表单而不等待 AJAX 响应

Question

$('#form1').submit(function () {
    var filal = $('input#l_email').val().length && $('input#l_pswd').val().length;
    if (!(filal)) {
        $("div#login_feed").fadeIn(400);
        return false;
    } else {
        alert('hello')
        $.post('create_login.php', {
            lemail: $('input#email').val(),
            lpswd: $('input#pswd').val()
        }, function (result) {
            if (result == 'sucess') return true;
            else return false;
        });
    }
});

我无法找到错误在哪里。如果它进入if块，它不会提交表单，但我不知道出了什么问题。当它进入elseblock 时，它会提示 hello 并自动提交表单，而无需等待 AJAX 请求完成。我知道代码也可能会返回语句令人毛骨悚然，但我是 jQuery 风格的新手，所以请让我知道如何做。

Answer 1

您不能从异步回调中返回：

var x = setTimeout(function(){
    return "foobar";
},1000)
console.log(x); // the id of the settimeout instead of "foobar"

您的 ajax 请求也会发生同样的事情。

var foo = (function(){
    $.post("foo.php",function(){
        return "foobar";
    })
})();
console.log(foo); // undefined because your function didn't return anything!!

在您的情况下，您需要完全停止默认操作，然后在 ajax 请求之后提交表单。

$('#form1').submit(function (event) {
    event.preventDefault(); // stop default action
    const theform = this;
    const bothFilled = $('#l_email').val().length && $('#l_pswd').val().length;
    if (bothFilled) {
        $.post('create_login.php', {
            lemail: $('#email').val(),
            lpswd: $('#pswd').val()
        }, function (result) {
            if (result === 'success') theform.submit(); // submit form, bypassing jQuery bound submit handler to prevent infinite loop
        });
    } else {    
        $("#login_feed").fadeIn(400);
    }
});

Answer 2

提交动作默认发送表单，您需要使用 preventDefault() 来停止它；

$('#form1').submit(function (event) {
  event.preventDefault();

Answer 3

$('#form1').submit(function (event) {
    event.preventDefault();
    var filal = $('#l_email').val().length && $('#l_pswd').val().length;
    if (!(filal)) {
        $("div#login_feed").fadeIn(400);
    } else {
        $.post('create_login.php', {
            lemail: $('#email').val(),
            lpswd: $('#pswd').val()
        }, function (result) {
            if (result == 'sucess')
                $('#form1').get().submit();

        });
    }
});