jqery对话框 iframe返回值给父画面
时间: 2023-07-06 11:09:58 浏览: 76
当您在 jQuery 对话框中嵌入一个 iframe 并且需要将 iframe 中的数据返回给父窗口时,可以按照以下步骤操作:
1. 在您的 iframe 中,使用 JavaScript 将需要返回的数据存储在一个变量中:
```javascript
var myData = {
myValue1: 'Hello',
myValue2: 'World'
};
```
2. 在您的 iframe 中,使用 `window.parent` 属性来获取父窗口对象,并使用 `postMessage()` 方法将数据发送给父窗口:
```javascript
var myData = {
myValue1: 'Hello',
myValue2: 'World'
};
window.parent.postMessage(myData, '*');
```
其中,第一个参数是要发送的数据,第二个参数是接收消息的父窗口的 URL。在这里,我们使用通配符 `*` 来表示任何域名的父窗口都可以接收到消息。
3. 在您的父窗口中,使用 `addEventListener()` 方法来监听 `message` 事件,并使用 `event.data` 属性获取从 iframe 发送的数据:
```javascript
window.addEventListener('message', function(event) {
var myData = event.data;
alert(myData.myValue1 + ' ' + myData.myValue2);
});
```
在这里,我们将从 iframe 接收到的数据弹出一个警告框,以便您可以检查它是否正确。
希望这个回答能够帮到您!
阅读全文