子窗口ajax返回值传到父窗口
时间: 2023-06-24 19:09:27 浏览: 102
可以通过以下步骤将子窗口的Ajax返回值传递到父窗口:
1. 在子窗口中,使用Ajax获取数据并将其存储在一个变量中。
2. 将数据存储在父窗口的一个全局变量中,这样父窗口就可以访问该变量。
3. 在子窗口中添加一个事件侦听器,以便在子窗口关闭时将数据传递给父窗口。
下面是一个示例代码:
在子窗口中:
```javascript
$(document).ready(function(){
// 使用Ajax获取数据
$.ajax({
url: 'your_api_url',
type: 'GET',
dataType: 'json',
success: function(data) {
// 将数据存储在全局变量中
window.opener.dataFromChildWindow = data;
}
});
// 添加事件侦听器
window.onbeforeunload = function() {
// 将数据传递给父窗口
window.opener.getDataFromChildWindow(window.opener.dataFromChildWindow);
};
});
```
在父窗口中:
```javascript
// 定义全局变量
var dataFromChildWindow;
// 获取数据的函数
function getDataFromChildWindow(data) {
// 在这里处理数据
console.log(data);
}
```
请注意,此方法仅适用于同源的窗口。如果子窗口与父窗口不在同一个域中,则需要使用其他方法来实现跨域通信。
阅读全文