前端实现一个websocket

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);
     }

后记:
除了使用websocket这种长连接的方式外还可以使用,一个定时器来做 进行轮询;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值