layui获取其他页面返回数据
时间: 2023-07-31 15:03:56 浏览: 127
在Layui中获取其他页面返回的数据需要借助于iframe标签和window.parent对象。具体步骤如下:
1. 在当前页面中,通过iframe标签引入要获取数据的页面。
```
<iframe id="frame" src="/otherPage.html"></iframe>
```
2. 在当前页面中,通过JavaScript代码获取iframe标签对象,并调用其contentWindow属性获取页面的window对象。
```
var frame = document.getElementById('frame');
var otherWindow = frame.contentWindow;
```
3. 在当前页面中,通过window.parent对象获取父页面的window对象。
```
var parentWindow = window.parent;
```
4. 在被引入的页面中,通过JavaScript代码向父页面发送数据。
```
var data = { name: '张三', age: 18 };
window.parent.postMessage(data, '*');
```
其中,`data`是要发送的数据对象,`'*'`表示发送给所有窗口。这里也可以指定具体的窗口对象。
5. 在当前页面中,监听父页面发送的消息,并处理其数据。
```
window.addEventListener('message', function(event) {
var data = event.data;
console.log(data);
});
```
当父页面接收到被引入页面发送的数据时,会触发message事件,在当前页面中可以通过window对象的addEventListener方法监听该事件,并获取到父页面发送的数据。
以上就是在Layui中获取其他页面返回数据的方法,需要注意的是,被引入页面和当前页面必须在同一个域名下,否则会出现跨域问题。
阅读全文