5

我已经看到了将数据发布到 iframe 的不同方法，但我找不到可以只发送 JSON 对象的方法。所有的方法似乎都需要我使用表单元素来放入我的数据。

4

2 回答 2

7

查看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), '*');
}​
于 2012-08-22T20:56:50.700 回答
1

您可以使用Porthole JS 库。它将自己描述为“用于安全跨域 iFrame 通信的 JavaScript 库”。

如果可用，它会使用postMessage()，但对于没有的浏览器，它会恢复为“隐藏代理”解决方法。

于 2013-12-05T16:04:57.853 回答