asp.net - How to refresh iframe parent page after a submit in the iframe? - Stack Overflow

admin管理员组

文章数量:1338762

i have iframe inside a page, and this iframe contain a submit button which will do some function.

What i want is: after the iframe submit finish, call the parent page to refresh.

i know how to refresh it:

parent.location.reload();

But i don't know how to do that after submit finish.

i have iframe inside a page, and this iframe contain a submit button which will do some function.

What i want is: after the iframe submit finish, call the parent page to refresh.

i know how to refresh it:

parent.location.reload();

But i don't know how to do that after submit finish.

• asp
• javascript
• html
• iframe

Share Improve this question Follow asked Dec 7, 2009 at 15:25 Amr ElgarhyAmr Elgarhy 69.1k7070 gold badges192192 silver badges310310 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

Use an onload event handler on your iframe. When it fires after the submit, execute your top.location.reload...

// In parent
window.onload = function() {
  document.getElementById("MY_IFRAME").onload = function() {
    top.location.reload();
  }
}

I solved this problem by adding this line of code in the code behind after all my methods finished:

    ScriptManager.RegisterStartupScript(this, typeof(string), "script", 
"<script type=text/javascript>
parent.location.href = parent.location.href;</script>", false);

And the reason i didn't write parent.location.reload() and wrote parent.location.href = parent.location.href is to don't send the data twice to server as i want a new fresh page load.

Submitting a form is the FINAL action on the document in the Iframe. Once you submit a form, that page has been "submitted" and is no longer active. If you refresh the parent first, you lose the Iframe. The moment you submit in the Iframe, you can no longer talk to the parent.

You can do one of a few things here:

• Target the PARENT when you submit the form, then the parent will have whatever you want in a NEW iframe on that page.
• Have the resulting page in the iframe reload the parent using JavaScript on the result page.

If you only want to refresh some parts of the parent page and won't need to refresh the whole page, and most of the times this is the case since this approach doesn't reload the iframe itself, you can just call a javascript function from the child page.

window.parent.myFunctionInParent('my argument');

The resource that guides you is here: Refresh parent page partially from iframe

Thanks.

本文标签： aspnetHow to refresh iframe parent page after a submit in the iframeStack Overflow