谷歌浏览器中没有间歇性地提交表单

Question

我有一个包含 iFrame 的网页。此网页会自动向第三方 url 提交表单，该 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 文件的 sn-p。

$(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 中给出的图像加载中断了表单提交。

Answer 2

试试下面的 sn-p。

 $(document).ready(function() {
        if($("#submit_button").length){
            $("#submit_button").hide();
           if( $("#submit_button input").hasClass("autoSubmit")){
               $("#form_init").submit();
           }

        }

  });

Answer 3

试着采纳 Syed 的建议，改变这个

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

到这里

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

如果iframe 来自不同的来源，不确定这是否会起作用..