如何在父网页上捕获iframe POST数据

Question

I have a webpage with an iframe :

<iframe id="foo" src="foo.html"></iframe>

This iframe hosts an hidden form (foo.html) which is submitted to an external page on another domain ( http://example.com/foobar ) :

<form name="foobar" action="http://example.com/foobar" method="POST">
  <input type="hidden" name="returnURL" value="bar.html">
</form>
<script type="text/javascript">
  document.foobar.submit();
</script>

The external webpage consists of a series of forms. On its final form, the validation submits POST data to the URL set in returnURL .

From the user point of view, what happens currently is that the browser is redirected to returnURL . This is not what I want.

What I need is to treat the POST data within the original webpage, without it being refreshed.

I can think of a few options :

• triggering on the iframe POST exit and catch POST data ;
• setting returnURL to the original webpage and handle the POST data without reloading the page ;
• setting returnURL to another webpage and update the current page when it receives the POST data.

Unfortunately I don't seem able to implement any of these. What would be the best option, and where should I start ?

Use of jQuery is allowed.

Answer 1

只要您位于不同的域中，javascript中的安全限制将阻止您在两个框架之间进行通信。