前端非同源网页之间通信(传递参数)

  • A页面(发送方)
  const urlB = 'http://localhost:8080/caseMain' // 注意接收方的地址需要带上具体的页面路由
  const otherWindowName = window.open(url);
  otherWindowName.postMessage(JSON.stringify({
	info: '需要传递过去的数据'
  }), this.baseURL); // 接收方地址
  • B页面(接收方)
  作一个实时监听 //如果只监听一次,可以在获取到数据之后,作监听销毁处理
  window.addEventListener('message', event => {
    let urlA = 'http://192.168.0.127:8081'
    if (event.origin === baseURL) {
      // console.log(333);
      this.caseMain = JSON.parse(event.data)
      localStorage.setItem('caseMain', event.data)
      // console.log(this.caseMain, localStorage.getItem('caseMain'),'11111');
    }
  }, false);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值