分享
查看: 2054|回复: 1

[求助] 分享的iframe无法接收postMessage

[复制链接]

分享的iframe无法接收postMessage

发表于 2023-6-13 11:15:17 来自 求助 阅读模式 倒序浏览
zzv_icon2054 zzr_icon1 查看全部
分享的iframe无法接收到postMessage,只有部署了才行吗?那未部署的阶段怎么进行测试呢?
avatar

5

主题

9

帖子

56

积分

注册会员

Rank: 2

积分
56
lysitol 发表于 2023-6-15 16:27:33 显示全部楼层
项目中使用iframe发送接收postMessage,在在线开发或者分享链接中都是可以正常使用的。会不会最开始数据就没有传输过来,可以参考
  1. // 向iframe发送数据
  2. $('button').click(function() {
  3.     window.frames.iframe.postMessage('{name: "张三", age: 24}', 'http://localhost/test/iframe/page_two.html');
  4. });

  5. // 接收iframe发送的数据
  6. window.addEventListener("message", function( e ) {
  7.     console.log(e.data);
  8. }, false );
复制代码

  1. // 向父页面发送数据
  2. $('button').click(function() {
  3.     window.parent.postMessage('{name: "李四", age: 36}', 'http://localhost/test/iframe/page_one.html');
  4. });

  5. // 接收父页面发送的数据
  6. window.addEventListener("message", function( e ) {
  7.     console.log(e.data);
  8. }, false );
复制代码
avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t