小程序中 和web-view通信、Uniapp和webview通信

h5

*{padding: 0;margin: 0;}发送数据window.onload=function(){let btn=document.getElementById("btn")btn.onclick=function(){wx.miniProgram.postMessage({ data: 'foo' })console.log("提交成功了哦")}}index.js就是微信的js sdkhttps://res.wx.qq.com/open/js/jweixin-1.3.2.js 这个连接下载

小程序或者Uniapp中

js中bdinmaeeage(e){console.log("获取到数据了")}

按上面那种写法，你会发现怎么回事？bdinmaeeage接收不到消息？
那我们来看官方文档

bindmessage:网页向小程序 postMessage 时，会在以下特定时机触发并收到消息：小程序后退、组件销毁、分享、复制链接（2.31.1）。e.detail = { data }，data是多次 postMessage 的参数组成的数组。 他这个是有触发条件的： 小程序后退、销毁组件、分享、复制连接才会调用的。并不是我们所想象的实时传递消息

上方的代码，操作之后点击分享小程序段就收到信息了

uniapp 中如何与webview通信

html中引入uniapp sdk再通过uni.postMessage({data: {action: 'message'}});传递信息，注意的是event.detail.data 中的数据，以数组的形式接收每次 post 的消，传递的消息信息，必须写在 data 对象中。uniapp中接收onMessage(e) {console.log('Received message from web page:', e.detail.data);uni.showToast({title: e.detail.data,icon: 'none'});}

网页向应用 postMessage 时，会在特定时机（后退、组件销毁、分享）触发并收到消息。