发布到 iframe 时同步表单提交

发布于 2024-11-28 12:50:37 字数 865 浏览 1 评论 0原文

我有一个表单，可将数据发布到隐藏的以防止页面更改。不过，我希望“保存”按钮执行两个连续的 submit()，一个接一个。

<form name="updatedocform" id="updatedocform" method="post" action="http://foo.bar" enctype="multipart/form-data" target="hiddenframe">
    ...
    <input type="submit" onclick="save(); return false;" value="Save" />
</form>
<iframe name="hiddenframe" id="hiddenframe"></iframe>

JavaScript：

function save() {
    document.updatedocform.submit();
    // change some form values here
    // alert("paused"); // if this alert is here, everything works fine
    document.updatedocform.submit();
}

但是，在第一个 submit() 加载完成之前，第二个 submit() 被调用。有没有办法让第二次提交等待第一个完成？

我可以使用 setTimeout() 但我想要一个不依赖于网络速度的更干净的解决方案。

原文

I have a form which POSTs data to a hidden <iframe> to prevent the page from changing. However I would like the Save button to perform two consecutive submit()s, one after the other.

<form name="updatedocform" id="updatedocform" method="post" action="http://foo.bar" enctype="multipart/form-data" target="hiddenframe">
    ...
    <input type="submit" onclick="save(); return false;" value="Save" />
</form>
<iframe name="hiddenframe" id="hiddenframe"></iframe>

JavaScript:

function save() {
    document.updatedocform.submit();
    // change some form values here
    // alert("paused"); // if this alert is here, everything works fine
    document.updatedocform.submit();
}

However the second submit() is being called before the first one is finished loading. Is there a way to make the second submit wait for the first one to finish?

I could use a setTimeout() but I'd like a cleaner solution that doesn't depend on the speed of the network.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

再可℃爱ぅ一点好了 2024-12-05 12:50:37

我想最基本的解决方案（除了循环 setTimeout 之外）可能是使用类似的方法而不是 save() 函数

var firstSaving = false;
function save() {
    document.updatedocform.submit();
    firstSaving = true;
}

function secondSave() {
    if(firstSaving)
    {
        firstSaving = false;
        document.updatedocform.submit();
    }
}

，然后在 iframe onload 上使用类似的方法

top.secondSave();

I guess the most basic solution (except for looping setTimeout) could be to have something like this instead of save() function

var firstSaving = false;
function save() {
    document.updatedocform.submit();
    firstSaving = true;
}

function secondSave() {
    if(firstSaving)
    {
        firstSaving = false;
        document.updatedocform.submit();
    }
}

and then on that iframe onload to have something like

top.secondSave();

回复收藏 0 原文

冷月断魂刀 2024-12-05 12:50:37

您可以使用jquery $.ajax()

您必须拦截第一次提交的点击事件，通过ajax发送表单数据，然后您可以绑定到ajax插件完成回调函数并使第二个iframe提交。

$("submit").click(function () {
      $(this).closest("form").ajax({
          url: "test.html",
          data: $("form").serialize(),
          success: function(){
             //fire second submit event
          }
     });
 });

希望这有帮助。

You could use the jquery $.ajax()

You would have to intercept the click event of the first submit, send the form data via ajax and then you could tie into the ajax plugins complete callback function and make the second iframe submit.

$("submit").click(function () {
      $(this).closest("form").ajax({
          url: "test.html",
          data: $("form").serialize(),
          success: function(){
             //fire second submit event
          }
     });
 });

Hope this helps.

回复收藏 0 原文

~没有更多了~