标签：postMessage edcObj -- type 跨源 deseaseItem window message data

发送方：

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/#/login
  const 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.message
					locals.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,edcObj,--,type,跨源,deseaseItem,window,message,data
来源： https://blog.csdn.net/aimin_com/article/details/121268573

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。