如何获得iframe提交表单的响应？

Question

我有一个使用iframe调用的表单，现在当提交该表单时我想在主站点中捕获iframe被调用的响应，并且取决于它将启用/禁用主页面中的按钮。
请有人帮帮我..

Answer 1

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

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

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

您可以使用

发送消息

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

在您的父级（主站点）中，您需要一个eventlistener

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

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

Answer 2

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

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