关闭子弹出并刷新父页面

Question

我正试图实现以下功能。

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

这怎么可能（关闭子弹出窗口并刷新父页面）在Javascript中完成？

Answer 1

在弹出的对关闭代码/重装：

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

Answer 2

在弹出的窗口：

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

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

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>