javascript - JSON オブジェクトを iFrame に投稿する

Question

データを iframe に投稿するさまざまな方法を見てきましたが、JSON オブジェクトを送信できる方法が見つかりません。すべての方法で、フォーム要素を使用してデータを入力する必要があるようです。

Answer 1

postMessageを見て、メッセージに JSON.stringify を使用し、イベント ハンドラーに JSON.parse を使用します。

実際にiframeに投稿するには、あなたがしなければならない

myIframe.contentWindow.postMessage(...)

フィドル

html

<button onclick="_sendMessage ()">Send</button>
<iframe src="" id="myIframe">​

JavaScript

var myIframe = document.getElementById('myIframe');
myIframe.contentWindow.addEventListener('message', function(event) {
    console.log(JSON.parse(event.data));
}, false);


window._sendMessage = function() {
    var json = {payload:'Hello World'};
    myIframe.contentWindow.postMessage(JSON.stringify(json), '*');
}​