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

Question

我有一个包含iframe的网页：

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

此iframe托管一个隐藏的表单（foo.html），该表单提交到另一个域（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>

外部网页由一系列表单组成。在最终表单中，验证将POST数据提交到returnURL中设置的URL。

从用户的角度来看，目前发生的事情是浏览器被重定向到returnURL。这不是我想要的。

我需要的是处理原始网页中的POST数据，而不会刷新它。

我可以想到几个选项：

• 触发iframe POST退出并捕获POST数据;
• 将returnURL设置为原始网页并处理POST数据而不重新加载页面;
• 将returnURL设置为其他网页，并在收到POST数据时更新当前页面。

不幸的是，我似乎无法实现其中任何一项。什么是最好的选择，我应该从哪里开始？

允许使用jQuery。

Answer 1

只要您在不同的域中，javascript中的安全限制就会阻止您在两个域之间进行通信。