jquery - 提交表单时不会触发通过代码进行的jquery ui更新

Question

我有一个加载 div，显示在对服务器的不同调用之间。这是代码：

$("#submitButton").click(function () {
        $("#loadingDiv").show();
        $(this).attr("disabled", "disabled");
        $("form:first").submit();                        
    });

如果我注释掉提交表单的第三行代码，一切都会很好。但是当我将提交表单的代码放在这些 ui 更新调用旁边时，它们都没有生效，并且浏览器等待光标显示，直到显示表单提交的结果。

Answer 1

您需要添加preventDefault()以防止发生默认提交。正如您所拥有的，在任何点击处理程序代码可以运行之前提交表单。

$("#submitButton").click(function (e) { // note event object passed in
    e.preventDefault(); // add this
    $("#loadingDiv").show();
    $(this).attr("disabled", "disabled");
    $("form:first").submit();                        
});

Answer 2

当您提交表单时，页面将被重新加载或重定向到另一个地方，我猜您想使用 AJAX，如果是这种情况，您可能想查看ajax()或post()使用方法并使用它们而不是提交表单。