如何获得iframe提交表单的回复?

Rah*_*hul 6 javascript forms iframe jquery response

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

小智 6

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

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

if (typeof window.postMessage != 'undefined') { }
Run Code Online (Sandbox Code Playgroud)

你可以发送你的消息

window.parent.postMessage("test","*");
Run Code Online (Sandbox Code Playgroud)

在您的父(主站点)中,您需要一个事件侦听器

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

function receive(evt)
{
  // handles the event
}
Run Code Online (Sandbox Code Playgroud)


Ja͢*_*͢ck 1

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

parent.document.getElementById('xx').innerHTML = "hello world";
Run Code Online (Sandbox Code Playgroud)