ajax - 为什么 jquery 提交我的 ajax 表单两次？

Question

这个问题已经有答案了:

jQuery AJAX form submits twice (10 个回答)

已关闭 2 年前。

当我的表单提交时，php 将返回 false如果它不喜欢 field1 中包含的值和field2 。如果它确实喜欢这些字段，那么它将返回 true 。如果用户提交表单并且 php 返回 false ，然后出现警报。关闭警报窗口后，如果用户立即在这些字段中输入新的(好的)数据并再次提交表单，则该表单会以某种方式提交两次。为什么？我该如何解决这个问题？

$("form#myForm").on('submit',function() 
{
    $.ajax(
    {
        type: "POST",
        url: 'myfile.php',
        dataType: 'html',
        data: 
        {
            field1:$("input[name=field1]").val(),
            field2:$("input[name=field2]").val()
        },
        success: function(data)
        {
            if(data == false) 
            {
                alert('hello world');
            } 
            else 
            {
                // stuff
            }
        }
    });
    return false;
});

Answer 1

2014 年也有人提出过同样的问题 ( jquery ajax form submits twice )。

e.preventDefault() 本身适用于按钮和 anchor 链接，但在提交表单时对我不起作用(与上面 Nancy 的代码相同)。

我必须在我的ajax帖子之前添加e.stopImmediatePropagation();。这阻止了 ajax 调用被提交两次。