2013-12-10 80 views
3

我有同样的问题,在这个问题上。(至极没有正确的答案,我只是测试所有的)刷新父页面提交iframe中后(使用Javascript/jQuery的)

Reload page after submit in iframe (javascript/jquery)

我需要非常好的解释,我在窗体中有一个按钮,所有这一切都在一个iframe(同一个域)中,我需要重新加载父页面,在iframe完成空洞提交过程之后,我不想“切割”它或中断它。谢谢

UPDATE 继续搜索,我发现这..但我不能理解正确答案中的代码,是为asp?,即时在php上。

Reload page after submit in iframe (javascript/jquery)

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

回答

7

一旦表单中的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>"; 

?> 

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

+0

好想法!简单的解决方案是最好的..但reload()需要在发布权的条件。谢谢 –

+0

回答你的问题,这iframe上传一个图像使用一些控制器的其他页面,在父页面有一个图像,必须在iframe后发布“更新”..多数民众赞成在多数民众赞成这就是为什么 –

4

所有你需要做的就是添加下面一行,

window.parent.location.reload(); 

在那个叫您提交按钮的onclick功能的结束。

+1

已提供相同的答案并被接受。这个答案中有什么新东西? –