javascript - フォームを送信するIframeの応答を取得する方法は?

Question

iframe を使用して呼び出されたフォームがあります。そのフォームが送信されたときに、iframe が呼び出された場所からメインサイトで応答をキャッチし、それに応じてメインページのボタンを有効/無効にします。
誰か助けてください..

score 7 · Accepted Answer

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
}

score 1 · Accepted Answer

parentフォームが送信されたら、iframe 内から使用するだけです。

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

2 に答える 2