webscoket使用

cq_run

已于 2023-08-16 15:33:31 修改

阅读量66

点赞数 1

文章标签：前端 javascript websocket

于 2023-08-14 09:54:58 首次发布

本文链接：https://blog.csdn.net/cq_run/article/details/132269922

版权

<!DOCTYPE html>
<meta charset="utf-8" />
<title>WebSocket Test</title>
<script language="javascript" type="text/javascript">
    //创建一个webSocket实例，执行后，客户端就会与服务端连接
    var ws = new WebSocket("ws://192.168.0.57:8070");

    //当客户端收到服务端发来的消息时，触发onmessage事件
    ws.onmessage = function (e) {
        //e.data 的数据格式也是字符串，手动解析这些数据才能得到其他格式的数据。
        const _data = JSON.parse(e.data);
        console.log(e.data, _data);
    }

    //当客户端收到服务端发送的关闭连接请求时，触发onclose事件
    ws.onclose = function (e) {
        console.log("close");
    }

    //如果出现连接、处理、接收、发送数据失败的时候触发onerror事件
    ws.onerror = function (e) {
        console.log(error);
    }
</script>
<h2>WebSocket Test</h2>
<div id="output"></div>

</html>