WebSocket基础学习篇（一）

WebSocket基础学习

1. 使用WebSocket的目的：实现数据的双向通信
2. 使用场景：需要实时获取数据，例如消息通知
3. 基础用法：

（1）连接服务器

let url='http://localhost:9080';
let ws=new WebSocket(url);

(2)连接成功时触发的方法

ws.onopen=function(){
 console.log('连接成功');
}

(3)连接失败时触发

ws.οnerrοr=function(){
  console.log('连接失败');
    }

(4)对于实时消息的监听

   ws.onmessage=function(data){
    //这里的data是服务器返回的实时数据
    }

(5)发送消息

   Element.onclick=function(){
    var a='要发送的信息';
    var b='表示接口名'
     //判断当前是否处于连接状态
     if(ws.readyState==WebSocket.OPEN){
     ws.send('b'+a);
     }else{
     console.log('连接已断开');
     }
     
   }

(6)关闭连接：

   ws.close();