美文网首页web开发
不同系统页面之间通信

不同系统页面之间通信

作者: 1994陈 | 来源:发表于2021-12-14 10:47 被阅读0次

    场景: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
    

    相关文章

      网友评论

        本文标题:不同系统页面之间通信

        本文链接:https://www.haomeiwen.com/subject/puuefrtx.html