用jQuery提交HTML表单不起作用

Question

TL; DR：我尝试使用jQuery提交表单，但是它不起作用。

当用户提交表单时，我需要进行ajax调用。 表单的操作不在我的网站范围内，因此我需要在此之前提交表单，然后再实际提交表单。
这确实在某个时候起作用了，但是由于某种原因，我现在不知道了，我比较了它停止工作之前和之后的提交，并且没有代码更改，所以我不知道它可能是什么。
该表单是常规表单，带有POST方法，一个动作，没什么奇怪的。
有任何想法吗？

这个想法是，当用户提交表单时，提交处理程序将阻止常规提交并执行Ajax调用。
当AJAX调用返回时，再次调用Submit事件，这次处理程序不执行任何操作且不阻止常规提交，返回true，因此应将表单提交到其操作URL，但不会发生。

<script>
var do_ajax_submit = true;

function manual_submit() {
    do_ajax_submit = false;
    $("form#lead_subscribe").submit();
}

$(function(){
    $("form#lead_subscribe").submit( function( ev )
    {
        var das = do_ajax_submit;
        if( do_ajax_submit )
        {
            do_ajax_submit = false;
            ev.preventDefault();

            $.ajax({
                url: "/someAjaxCall",
                method: "POST",
            })
            .always( function() {
                manual_submit();
            });
            return false;
        }
        return true;
    });
});
</script>

Answer 1

目前尚不清楚为什么代码应该工作然后停止工作。

一件事可以肯定。 通过使用本地的formNode.submit而不是jQuery的$("form#lead_subscribe").submit();触发表单提交$("form#lead_subscribe").submit(); ，提交将不会被事件处理程序重新拦截。 因此， do_ajax_submit标志是不必要的，并且javascript可以大幅度清除。

$(function() {
    $("form#lead_subscribe").on('submit', function(ev) {
        ev.preventDefault();
        var formNode = this;
        $.ajax({
            url: "/someAjaxCall",
            method: "POST"
        })
        .always(function() {
            formNode.submit(); // native .submit() will not be re-intercepted by this submit handler.
        });
    });
});

此清理还可能会解决此问题。 很难说。