<!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>