前端实现一个websocket

Python User

已于 2022-04-07 22:30:04 修改

阅读量642

点赞数

CC 4.0 BY-SA版权

分类专栏： js基础分类文章标签： javascript websocket

于 2020-12-27 16:43:03 首次发布

本文链接：https://blog.csdn.net/weixin_44684357/article/details/111821202

js基础分类专栏收录该内容

26 篇文章

订阅专栏

博客介绍了Websocket，它是H5新增协议，面向长连接，用于服务器与本地通讯，适用于聊天和大数据实时响应场景，协议以ws开头，还提及前端实现Websocket的内容，最后指出除长连接方式外，也可用定时器轮询。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

websocket 是h5中新增的协议，面向长连接，用于服务器和本地保持通讯，在聊天或者大数据实时响应的时候用的到；

websocket 协议是 ws开头的

readyState 属性

 ws.readyState    只读属性 readyState 表示连接状态
 0:表示连接尚未建立。
 1:表示连接已建立，可以进行通信。
 2:表示连接正在进行关闭。
 3:表示连接已经关闭或者连接不能打开。

前端实现一个websocket：

    // ws://localhost:7001/show  此为通信地址
    var ws = new WebSocket("ws://localhost:7001/show");
    // WebSocket有以下4个方法:
    
    //连接发生错误的回调方法
    websocket.onerror = function () {
        console.log("WebSocket连接发生错误");
    };
     ws.onopen = function () {
        console.log("建立链接");
     }
     ws.onclose = function () {
        console.log("onclose");
     }
     ws.onmessage = function (msg) {
          console.log("----------------");
          console.log(msg.data);
     }