小程序与网页之间的数据交互
最近在尝试往小程序中加入h5页面的时候,发现需要小程序和页面间相互传值,一起来看看小程序和页面之间是怎么传递数据吧。
1.小程序向网页传值
可将需要带向网页的值通过拼接参数方式实现,然后再在网页内截取即可
页面中:
通过wx.miniProgram.postMessage 可以向小程序传值(网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。)
1.小程序向网页传值
可将需要带向网页的值通过拼接参数方式实现,然后再在网页内截取即可
页面中:
<script>2.网页向小程序传值
let tel = getUrlParam('tel');
</script>
通过wx.miniProgram.postMessage 可以向小程序传值(网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。)
var obj = {
'url': '/pages/games/games?shareUserId=555',
'shareDesc': '邀请你一起来玩小游戏',
'shareImage': 'http://.../share.png',
'shareTitle': 'xx小游戏'
}
wx.miniProgram.postMessage({
data: obj
})