跨源通信--postMessage用法

发送方：

function toEDC () {var edcObj = {adminUserVo: sessionStorage.getItem('userInfo'),token: sessionStorage.getItem('Admin-Token'),englishNameList: sessionStorage.getItem('englishNameList'),deseaseItem: sessionStorage.getItem('deseaseItem')}openEDC(edcObj)
}
function openEDC (edcObj) {const edcLoginUrl = http://localhost:52071/#/loginconst win = window.open(edcLoginUrl)window.addEventListener('message', e => {if (e.data.type === 'hello') {win.postMessage({ type: 'message', message: edcObj }, '*')}})
}

接收方：

receiveDH() {window.addEventListener('message', e => {if (e.data.type === 'message') {const data = e.data.messagelocals.setUserToken(data.token)this.setUserInfo(data.adminUserVo)this.setUserRauthority(data.englishNameList || [])localStorage.setItem('deseaseItem', data.deseaseItem)this.setIsReruitment(0)this.$router.push({name: 'TesteeList', query: {// researchId: '1448889094275260417'researchId: JSON.parse(data.deseaseItem).edcSearchId}})}this.loading = false})window.opener.postMessage({ type: 'hello', message: 'ready' }, '*')}

注意：
此应用不可关闭发送方页面，当打开新页面的时候，发送方开始发送，接收方开始接受

跨源通信--postMessage用法相关推荐

VC自定义消息postmessage用法（消息响应函数）
VC 自定义消息 postmessage用法 1. 在 resource.h文件添加如下代码定一个自己的消息 #define WM_MY_MESSAGE WM_USER + 100 //------ ...
c语言调用Windows自定义消息,VC自定义消息postmessage用法（消息响应函数）
VC 自定义消息 postmessage用法 1. 在 resource.h文件添加如下代码定一个自己的消息 #define WM_MY_MESSAGE WM_USER + 100 //------ ...
【JS】postMessage 用法（可以给iframe传值）
文章目录基本概念代码案例基本概念跨文档消息,有时候也简称为XDM(cross-document messaging) 是一种在不同执行上下文(如不同源的页面)间传递信息的能力. 例如:www. ...
前端跨域之PostMessage详解
window.postMessage() 方法可以安全地实现跨源通信.通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以 ...
一款开源网络转发、代理软件，解决跨网通信问题
一直比较懒,没有为开源事业做出过什么贡献,最近痛定思痛,写了一个开源软件,解决网络通信问题,附上github地址,供大家共同交流. https://github.com/wsrf16/anchor 1 ...
跨域：postMessage
postMessage API 发送数据: otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow: 窗口的一个 ...
跨域通信postMessage
基本使用: otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow:待接收发送消息的窗口对象,如iframe.c ...
ajax的jsonp原理,jsonp 跨域原理和用法（上篇）
出于对网站安全性的要求,两个不同域名的网站之间是不能通过前端技术互相发送请求的.但有时我们又需要使用这样的机制.比如:网站需要制作一个天气预报插件,或者需要开发两个网站,一个供外部用户使用,一个供内部 ...
window.postMessage 跨窗口，跨iframe javascript 通信
同源通信执行它们的页面位于具有相同的协议(http/https),端口(80/443),主机(通常为域名) 时,这两个脚本才能相互通信大多数情况下,网站就是内部的域名,所以是同源通信,可以相互访问 ...

跨源通信--postMessage用法

发送方：

接收方：

跨源通信--postMessage用法相关推荐

最新文章

热门文章