我正在尝试在body标签中使用外部javascript函数:
<!DOCTYPE html>
<script type="text/javascript" src="js/Long.min.js"></script>
<script type="text/javascript" src="js/ByteBufferAB.min.js"></script>
<script type="text/javascript" src="js/ProtoBuf.min.js"></script>
<script type="text/javascript" src="js/fs.js"></script>
<script type="text/javascript" src="js/bundle.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>
</head>
<body onload ="heartbeat()">
<h2>A demo for showing the pub/sub between clients and the message broker</h2> <h3>IoTGateway</h3>
Topic :
<input type="text" name="pub"/>
Message:
<input type="text" name="pub"/>
<button onclick="connect()">
Connect
</button>
<br>
<button onclick="publish()">
Publish
</button>
<br>
<h3>BluetoothID</h3> Topic:
<input type="text" name="sub"/>
<button onclick="heartbeat()">
Subscribe
</button>
<br>
<p id = "test"></p>
<p id="sub"></p>
<script>
function heartbeat() {
alert("hello");
try{
MqttPlugin.subscribe({topic: "$EDC/plugin"});
}
catch(err){
alert(err.message);
}
}
/* try{
MqttPlugin.heartbeat({topic: "$EDC/tum/B8:27:EB:A6:A9:8A/HEARTBEAT-V1/mqtt/heartbeat"});
}
catch(err){
alert(err.message);
}*/
function publish() {
MqttPlugin.publish({
topic:"$EDC/plugin",
data:"Mqtt data"
});
}
function subscribe() {
MqttPlugin.subscribe({topic: "$EDC/plugin"});
}
</script>
</body>
</html>
当我使用事件onclick调用但是onload失败时,会调用函数心跳。在onload的情况下,它会抛出错误MqttPlugin未定义。是因为它调用函数时,js文件没有被加载?有人可以帮我解决这个问题吗?
答案 0 :(得分:1)
我相信您的基本目标是在加载页面时自动订阅主题。你可以尝试:
$( window ).load()
或尝试更改导入顺序。
第一个建议只是一个黑客而不是一个完整的证明解决方案。
基本问题是在加载cordova_plugins.js之前调用心跳功能。因此,延迟函数调用或提前加载文件都可以解决问题。
<强>编辑:强>
这个jQuery方法可能只是解决方案:
sp_id = 'SP602'
请查找文档here。