Closing child pop-up and refreshing the parent page

Question

I am trying to achieve the following.

1. A link on a parent page will open a new child pop-up.
2. In the child pop-up, the user enters some data and clicks “Save”.
3. Data will be saved to database and the pop-up will be closed. The parent window would be refreshed, and the data entered in the child pop-up would be displayed in the parent page.

How can this (closing a child pop-up and refreshing the parent page) be done in Javascript?

Answer 1

In the pop-up window:

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

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