thingjs使用

大家好，欢迎来到IT知识分享网。

一.web接收thingjs传送的数据

 window.removeEventListener("message", this.getMsg, false); //先清除前面的监听 window.addEventListener( //接收主页面数据 "message", this.getMsg, false );

//方法示例 getMsg(e) { console.log(e,e.data); ... },

二.web向thingjs传输数据

当前页面有iframe 

 var iframe = window.document.getElementById("iframe"); var iframeData = { type: 0, id: "", weather: this.weatherId, mark: true, }; iframe.contentWindow.postMessage(iframeData, "*"); }

子组件调用父组件中的iframe 

 var iframe = window.parent.document.getElementById("iframe"); //关键代码 const iframeData= { id: idNum, reset: 0, color: color, info: damage }; iframe.contentWindow.postMessage(iframeData, "*"); //关键代码

三.thingjs向web页面传输数据

window.parent.postMessage({ plateID: item.id }, '*'); //关键代码

 四.thingjs接收web的数据

 window.addEventListener(//接收主页面数据 "message", GetMessage, false );

GetMessage是接收数据后的回调方法