在 jquery 中提交表单 - 不适用于 firefox

Question

尝试在 JavaScript 调用中创建并提交表单。此代码在 Chrome 上运行良好，但在 Firefox 和 IE 上不起作用。我首先从 Ajax 调用 (JSON) 获取值，然后将其作为表单提交

$('<form name="acsform" action="' + JSONobject.formacsurl +'" method="POST">' + 
  '<input type="hidden" name="PaReq" value="' +JSONobject.formpareq + '">' +
  '<input type="hidden" name="TermUrl" value="'+ JSONobject.formtermUrl +'">' + 
  '<input type="hidden" name="MD" value="'+ JSONobject.formmd +'">' +
  '</form>').submit();

有什么想法吗？

只是添加...当我在该提交下方的一行中提醒某些文本时，我会在屏幕上看到警告框。浏览器似乎可以很好地浏览该代码（甚至可能提交表单），但我没有被重定向到表单 action 地址。我也没有收到任何 JS 错误。

再一次，它仅在 Firefox 和 IE 上失败，Chrome 可以正常提交和重定向。

Answer 1

试试这个代码：

$(document).ready(function()
{
    /*
    *    IF IS APPEND, USE A ID OR CLASS
    */
    $('#X').append('<form id="myNewForm" class="myNewForm" method="post" action="">...</form>');
    $('#myNewForm').submit();

    //OR USE CLASS NAME
    $('form.myNewForm').submit();

    /*
    *    IF NOT APPEND, USE A ID OR CLASS
    */
    //USEA ID
    $('#myForm').submit();

    //USE A CLASS NAME
    $('form.my-form').submit();

    //USE A ELEMENT( ALL )
    $('form').submit();

});

再见！

Answer 2

坦率地说，我不确定 stackoverflow 上的问题是否可以通过评论来解决，以及是否可以通过回答自己的问题来解决，但我真的不想创建一个新问题并复制这个问题的内容，

我有这段代码，基于 Olaf 的解决方案，

    $('#basic-modal-content').append('<form id="acsform" name="acsform" action="' + JSONobject.formacsurl +'" method="POST">' + 
    '<input type="hidden" name="PaReq" value="' +JSONobject.formpareq + '">' +
    '<input type="hidden" name="TermUrl" value="'+ JSONobject.formtermUrl +'">' + 
    '<input type="hidden" name="MD" value="'+ JSONobject.formmd +'">' +
    '</form>');
    $('#acsform').submit();

这在 IE、Firefox、Opera 和 Chrome 上运行良好。但今天，我们收到一位客户的报告，称该过程无法在他的 iPad 上运行。不幸的是，我无法获取他在该 ipad 上使用的到底是什么浏览器的信息（而且我自己没有 ipad 可以检查），但似乎这段代码不起作用。日志中的最后一个操作是创建 JSON 对象的 ajax 操作，上面的 js 在收到该 JSON 后被触发。那是我的猜测。
您是否清楚地知道此表单提交在 ipad 默认浏览器（无论该浏览器是什么）上存在问题？

Answer 3

使用带 ID 的原生 Submit()。

$('<form/>', {name:"acsform", id:"acsform", method:"POST", action: JSONobject.formacsurl})
.append(
  $('<input/>', {type:"hidden", name:"PaReq", value: JSONobject.formpareq}),
  $('<input/>', {type:"hidden", name:"TermUrl", value: JSONobject.formtermUrl}),
  $('<input/>', {type:"hidden", name:"MD", value: JSONobject.formmd})
).appendTo(document.body)
$("form#acsform")[0].submit()