在 iframe 中提交后重新加载父页面

Posted

技术标签:

【中文标题】在 iframe 中提交后重新加载父页面【英文标题】:Reload parent page after submit in iframe 【发布时间】:2013-12-28 17:03:04 【问题描述】:

我对这个问题有同样的问题。 (没有正确答案,我只是测试所有这些)

Reload page after submit in iframe (javascript/jquery)

我需要的东西在那里得到了很好的解释,我在表单中有一个按钮,所有这些都在一个 iframe(同一个域)内,我需要重新加载父页面,就在 iframe 完成了洞提交过程之后,我没有想要“剪掉”它或打断它。

更新: 继续搜索,我找到了这个。但我无法理解正确答案中的代码,是asp的吗?我在 php 上。

Reload page after submit in iframe (javascript/jquery)

http://dotnetspidor.blogspot.mx/2011/07/refresh-parent-page-partially-from.html

【问题讨论】:

【参考方案1】:

您需要做的就是添加以下行,

window.parent.location.reload();

位于提交按钮的onclick 函数的末尾。

【讨论】:

已经提供并接受了相同的答案。这个答案有什么新内容?【参考方案2】:

在 iframe 中提交表单后

<form method="POST" action="getForm.php">

页面重新加载到 getForm.php 中,然后在该文件中执行以下操作:

<?php

    $input = $_POST['input'];
    // process form and do your stuff etc

    echo "<!DOCTYPE html>";
    echo "<head>";
    echo "<title>Form submitted</title>";
    echo "<script type='text/javascript'>window.parent.location.reload()</script>";
    echo "</head>";
    echo "<body></body></html>";

?>

这会在表单提交后重新加载父页面,现在唯一的问题是,如果你要重新加载父页面,为什么要通过 iFrame 提交。

【讨论】:

好主意!!简单的解决方案是最好的.. 但是 reload() 需要以正确发布为条件。谢谢 回答您的问题,此 iframe 使用其他页面的某些控制器上传图像,在父页面中有一个图像,必须在 iframe 中发布后“更新”..这就是为什么

以上是关于在 iframe 中提交后重新加载父页面的主要内容,如果未能解决你的问题,请参考以下文章

Colorbox - 在颜色框内容中删除自定义 iframe 时防止父页面重新加载?

如何从父文档中捕获 iframe 内部的刷新?

异步操作执行后子页面重新修改父页面iframe高度

怎么禁止iframe父页面刷新页面

如何重新刷新iframe层不刷新父页面

表单提交后关闭 Colorbox iframe,然后重定向父页面