javascript - 表单提交不会间歇性地在谷歌浏览器中发生

Question

我有一个包含 iFrame 的网页。该网页自动向第三方 url 提交表单，将内容加载到 iFrame 中。我目前正在通过 jQuery 在 document.ready() 上自动提交表单，看起来 chrome 不会间歇性地提交此表单。

下面是我网页中的示例 html。

<form id="form_init" target="myFrame" action="https://somethirdpartyurl.com/req.jsp?queryParam=value" method="post" class=" edit accessAid">
    <input name="_cs" id="_cs2" value="blah" type="hidden">
    <input name="cs" id="cs2" value="blah" type="hidden">
    <input type="hidden" name="howdy" value="oneMoreBlah">
    <input type="hidden" name="myUrl" value="http://localhost:8000/myapp?_eventId=processing&amp;sessionId=123">
    <input type="hidden" name="MD" value="1234567891234567">
    <div id="submit_button">
        <p>Attention: This form can't be displayed because JavaScript is disabled in your browser.</p>
        <p class="buttons">
            <span class="buttonAsLink">
                <input type="submit" name="" class="button autoSubmit" value="Click here to continue">
            </span>
        </p>
    </div>
</form>

<iframe name="myFrame" id="myFrame" width="625px" height="480px" frameborder="0" marginheight="0" scrolling="auto" src="https://www.mywebsite.com/grey_spacer.gif"></iframe>

<script src="http://www.localhost:8000/myapp/webstatic/js/loadFrame.js" type="text/javascript"></script>

下面是 loadFrame.js 文件的片段。

$(document).ready(function() {
    $("#submit_button").length && ($("#submit_button").hide(), $("#submit_button input").hasClass("autoSubmit") && $("#submit_button input")[0].form.submit());
});

请注意，$("submit_button input")[0].form.submit() 命令之前的所有条件都是成功的。我已通过控制台日志确认。

我现在面临的问题是，chrome 不是断断续续地提交上面的表单。 FireFox 和 Safari 等其他浏览器中不存在此问题。

一个观察是，当我打开开发人员工具并选中禁用缓存选项时，大多数时候表单没有被提交。如果我取消选中该选项，则主要是提交表单。 (大多数时候都是这样，不是全部)

还有一件事是，当我在控制台中手动执行相同的命令 $("submit_button input")[0].form.submit() 时，chrome 正在提交表单并且一切正常.

有人可以告诉我为什么会出现这个问题，或者至少可以告诉我这个问题的替代解决方案吗？我希望提供所有必需的信息。如果您需要任何其他详细信息，请告诉我。

Answer 1

在 iframe 中加载 about:blank 或在 iframe 的 onload 函数上提交表单。

可能是 iframe 的 src 中给出的图像加载中断了表单提交。