关闭子弹出窗口并刷新父页面

Question

我正在努力实现以下目标。

1. 父页面上的链接将打开一个新的子弹出窗口。
2. 在子弹出窗口中，用户输入一些数据并单击“保存”。
3. 数据将保存到数据库，弹出窗口将关闭。 将刷新父窗口，并在子窗口中输入的数据将显示在父页面中。

如何（关闭子弹出窗口并刷新父页面）可以在Javascript中完成？

Answer 1

在弹出窗口中：

<script type="text/javascript">
function proceed(){
   opener.location.reload(true);
   self.close();
}
</script>

<form onsubmit="proceed()">
...
</form>

Answer 2

在弹出的关闭/重新加载代码中：

opener.location.reload();
close();

Answer 3

parent.html

<a href="#" onclick='window.open("child.html","_blank","height=100,width=100,
status=yes,toolbar=no,menubar=no,location=no");return false'>pop up</a>

child.html

<p>child window</p>
<script>
window.onload = function(){
    window.opener.location.reload(true);
    window.close();
}();
</script>