前端Websocket 初认识

websocket 是基于http协议的，一般的http协议是客户端向服务端请求，服务端响应客户端请求的一个过程。

以前如果要实现实时数据更新，一般是使用轮询的方法。

而websocket可以使服务端主动发送消息给客户实现双攻通信。

websokect API 初认识

// 创建一个websocket对象
  let ws = new WebSocket('ws://localhost:8080')


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

  // ws.open 当链接建立时触发
  ws.onopend = function () {
    ws.send('发送数据')
  }
  // ws.onmessage 当客户端接收服务端数据时触发
  ws.onmessage = function (evt) {
    console.log(evt);
    let received = evt.data

  }
  // ws.onclose 当链接关闭时触发
  ws.onclose = function () {
    console.log('链接关闭');

  }
  // ws.onerror 当通讯发生错误时触发
  ws.onerror = function () {
    console.log('链接发生错误');

  }