WebSocket长链接

const ws=new WebSocket(ws://地址)

协议为ws的链接 有两种 ws 和wss

有四个监听事件 还有一个方法 send() 可以发送数据给后台

常用的事件有

事件名	何时使用
ws.onopen	连接建立时触发
ws.onmessage	客户端接收服务器传过来的数据时触发
ws.onerror	通信发生错误时触发
ws.onclose	连接关闭时触发

应用

ws.onopen

 ws.onopen = function () {
    console.log('已连接');
    ws.send('发送数据');
  };

ws.onmessage

  ws.onmessage = function (evt) {
    let recieved = evt.data;
    console.log(recieved, 'recieved');
  };

ws.onclose

ws.onclose = function () {
    console.log('已关闭...');
  };

要注意的一点是： ws.send('发送数据'); 是一个对象的方法例如点击一个按钮也可以 在哪儿也可以调用

ws.onmessage是一个函数里面有参数 可以获取到数据

http协议下使用ws，在https协议下使用wss

可以干嘛：做一个类似聊天框的东西 实时推销 不想去请求后台的