web开发

不同系统页面之间通信

2021-12-14  本文已影响0人  1994陈

场景:A系统中页面与B系统中页面需要通信

1.postMessage

A页面通过window.open打开B页面
若是通过iframe嵌套,B页面通过window.parent来传值
A页面:
window.addEventListener('message',function(e) {
            console.log('在A页面接收B页面的消息'+e.data)
        })
B页面:通过点击事件触发
handleClick(){
            this.index += 1
            window.opener.postMessage('我是来自B的消息'+this.index)
       }

2.路由+ng配合

A页面:
window.location.href = 'B页面路径'+参数
B页面:
路由解析并存储需要使用的值,跳回A页面也是用window.location.href
上一篇下一篇

猜你喜欢

热点阅读