68 lines
1.8 KiB
HTML
68 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||
lang="zh-CN">
|
||
<meta http-equiv="content-type" content="txt/html; charset=utf-8" />
|
||
|
||
<head>
|
||
<script type="text/javascript"
|
||
src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||
|
||
<title>yunhorn-dev</title>
|
||
</head>
|
||
<body>
|
||
lorawan 数据调试
|
||
<div id="content"></div>
|
||
<!--
|
||
<button onclick="closeWebSocket()">测试添加内容</button>
|
||
-->
|
||
<script>
|
||
function closeWebSocket(){
|
||
$("#content").append("<p>测试</p>");
|
||
}
|
||
</script>
|
||
<script type="text/javascript">
|
||
var websocket = null;
|
||
|
||
//判断当前浏览器是否支持WebSocket
|
||
if ('WebSocket' in window) {
|
||
websocket = new WebSocket("wss://" + "smartoilets.cn/socketServer" + "/socket");
|
||
} else {
|
||
alert('当前浏览器 Not support websocket')
|
||
}
|
||
|
||
//连接发生错误的回调方法
|
||
websocket.onerror = function() {
|
||
console.log("onerror")
|
||
|
||
};
|
||
websocket.onopen = function() {
|
||
console.log("onopen")
|
||
websocket.send("{'code':131}")
|
||
console.log("sned code 131")
|
||
}
|
||
//接收到消息的回调方法
|
||
websocket.onmessage = function(event) {
|
||
// setMessageInnerHTML(event.data);
|
||
//console.log("websocket.message:",event.data)
|
||
console.log("websocket.message")
|
||
console.log(event.data)
|
||
var obj=eval("("+event.data+")");
|
||
console.log(obj.time)
|
||
$("#content").prepend("<p>"+event.data+"</p>");
|
||
//websocket.send("{'code':0111,'wcId':15}")
|
||
}
|
||
//连接关闭的回调方法
|
||
websocket.onclose = function() {
|
||
// setMessageInnerHTML("WebSocket连接关闭");
|
||
$("#content").prepend("<p>websocket已断开</p>");
|
||
|
||
console.log("onclose")
|
||
}
|
||
|
||
//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
|
||
window.onbeforeunload = function() {
|
||
console.log("onbeforeunload")
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |