小程序与网页之间的数据交互

最近在尝试往小程序中加入h5页面的时候,发现需要小程序和页面间相互传值,一起来看看小程序和页面之间是怎么传递数据吧。
1.小程序向网页传值
可将需要带向网页的值通过拼接参数方式实现,然后再在网页内截取即可
c01.jpg

c02.jpg

页面中:
<script>
let tel = getUrlParam('tel');
</script>
2.网页向小程序传值
 通过wx.miniProgram.postMessage 可以向小程序传值(网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。)
var obj = {
'url': '/pages/games/games?shareUserId=555',
'shareDesc': '邀请你一起来玩小游戏',
'shareImage': 'http://.../share.png',
'shareTitle': 'xx小游戏'
}
wx.miniProgram.postMessage({
data: obj
})

0 个评论

要回复文章请先登录注册