javascript - JQuery 表单提交不提交

Question

我正在以编程方式创建一个表单并尝试提交它。不过，submit() 函数什么也不做。

$(".deleteLink").click(function(event) {
    event.preventDefault();

    var form = $("<form></form>");
    form.attr("method", "POST");
    form.attr("action", "http://myurl.com");

    form.submit(function() {
        alert('Handler for .submit() called.');
        return false;
    });
});

当我在 Firebug 中设置断点时，我看到 click() 函数被调用并且“form”变量被正确填充。一切正常直到 submit() 方法。永远不会调用提交处理程序中的 alert() 方法。

jquery.js 中的代码确实在调用 submit() 时执行，但我很难跟踪它以查看它做了什么。

我已确认页面上没有其他名为“提交”的对象。

有人知道发生了什么事吗？

澄清:在没有 function() 参数的情况下调用 submit() 也没有任何作用。

进一步说明:调用 submit(function(){alert()}) 后跟 submit() 确实会调用 alert()，但表单仍未提交。

又一个说明:我想刷新整个页面。我不是要进行 ajax 提交。

Answer 1

您必须在提交前将新表单插入到文档中:

$("body").append(form);
form.submit();