微信小程序> 微信小程序的坑之wx.miniProgram.postMessage

微信小程序的坑之wx.miniProgram.postMessage

浏览量:609 时间: 来源:weixin_33858249

工作中有个需求是小程序的网页在关闭的时候,需要回传给小程序一个参数

查阅小程序官方文档,有这样一个接口 wx.miniProgram.postMessage ,可以用来从网页向小程序发送消息,然后通过 bindmessage 事件来监听消息,如下是官方文档描述

小程序

以下是代码:

// 网页代码!DOCTYPE htmlhtml    head        meta charset="utf-8"        meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"        titlepostMessage/title    /head    body        script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"/script        script type="text/javascript"            wx.miniProgram.postMessage({ data: '获取成功' })                        wx.miniProgram.navigateBack({delta: 1})        /script    /body/html
// 小程序代码web-view bindmessage="handleGetMessage" src="test.html"/web-viewPage({  handleGetMessage: function(e) {    console.log(e.target.data)  }})

写完试了下,期待打印 “获取成功” ,而实际小程序里面啥也没打印。。。

然后仔细看官方文档,发现有这句话:

网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。

也就是只有在小程序后退、组件销毁、分享时才会触发

所以应该改变 postMessage 的时机,调换顺序就可以了

script type="text/javascript"    wx.miniProgram.navigateBack({delta: 1})        wx.miniProgram.postMessage({ data: '获取成功' })/script

这样再试试,发现能正常捕获消息了

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎