如何获得 Iframe 提交表单的响应？答案

【问题标题】：how to get the response of Iframe submitting a form?如何获得 Iframe 提交表单的响应？
【发布时间】：2012-05-24 10:24:57
【问题描述】：

我有一个使用 iframe 调用的表单，现在当提交该表单时，我想在主站点中捕获调用 iframe 的响应，并根据它启用/禁用主页中的按钮.
请任何人帮助我..

【问题讨论】：

<iframe src="http://www.example.com/index.php"></iframe> 现在在这个 iframe 位置有一个表单，成功提交此表单后，我需要在调用它的页面表单中设置一个事件。
也许这些对你有帮助 stackoverflow.com/questions/1508442/… stackoverflow.com/questions/205087/…
对不起，我忘了提，两者都在不同的域中。

【解决方案1】：

您可以使用 window.postMessage API。它是 HTML5 功能，并非所有浏览器都支持此功能

在 iframe 和父站点中，您需要检查浏览器是否支持 postMessage

if (typeof window.postMessage != 'undefined') { }

您可以发送消息

window.parent.postMessage("test","*");

在您的父站点（主站点）中，您需要一个事件监听器

window.addEventListener('message', receive, false);

function receive(evt)
{
  // handles the event
}

【讨论】：

【解决方案2】：

提交表单后，只需在 iframe 中使用 parent。

parent.document.getElementById('xx').innerHTML = "hello world";

【讨论】：