跨域传值postmessage

wzx_yyzc_wdnf

已于 2022-11-15 15:14:59 修改

阅读量349

点赞数

文章标签： javascript 开发语言 ecmascript

于 2022-11-15 15:13:55 首次发布

本文链接：https://blog.csdn.net/wzx_yyzc_wdnf/article/details/127866312

版权

本文介绍了PostMessage作为实现跨域通信的一种方法，如何在不同页面间传递数据，以及在高级应用中构建实时、低带宽消耗的【服务平台】。PostMessage虽简单，但其潜力巨大，是前端开发中的利器。

摘要由CSDN通过智能技术生成

sentCommitStatusToParent(status) {
      setTimeout(() => {
        let messageData = {
          eventName: 'nps_commit',//事件名
          status,
        };
        //window.opener.postMessage(messageData, '*');
        window.parent.postMessage(messageData, '*')
      }, 1000);
 }
this.sentCommitStatusToParent(0);//调用

PostMessage 简单应用能为你带来跨域支持，不同页面间实现信息交互；在高级应用时，基于它能在服务方和第三方之间架设一个安全实时且不耗带宽【服务平台】，如服务器后端一样工作。PostMessage 使用虽然简单，但只要用得好，真的可以说是一把利刃~

关注博主即可阅读全文