javascript - 如何捕获父网页上的 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。

从用户的 Angular 来看，当前发生的情况是浏览器被重定向到returnURL。这不是我想要的。

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

我可以想到几个选项:

• 触发 iframe POST 退出并捕获 POST 数据；
• 将 returnURL 设置为原始网页并处理 POST 数据，而无需重新加载页面；
• 将 returnURL 设置为另一个网页，并在收到 POST 数据时更新当前页面。

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

允许使用 jQuery。

Answer 1

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