websocket前端使用

// WebSocket构造函数，创建WebSocket对象
let ws = new WebSocket('ws://localhost:8888')

// 连接成功后的回调函数
ws.onopen = function (params) {
  console.log('客户端连接成功')
  // 向服务器发送消息
  ws.send('hello')
};

// 从服务器接受到信息时的回调函数
ws.onmessage = function (e) {
  console.log('收到服务器响应', e.data)
};

// 连接关闭后的回调函数
ws.onclose = function(evt) {
  console.log("关闭客户端连接");
};

// 连接失败后的回调函数
ws.onerror = function (evt) {
  console.log("连接失败了");
};

连接成功后的回调

ws.onopen = function () {
  ws.send('Hello Server!');
}

onmessage 从服务器接受到信息时的回调函数
message 事件会在 WebSocket 接收到新消息时被触发

ws.onmessage = function(event) {
  // 接收到的数据
  var data = event.data;
  // 其他代码
};

onclose 连接关闭后的回调函数
onclose 在 WebSocket 连接的readyState 变为 CLOSED或3时被调用，它接收一个名字为close的 CloseEvent 事件

ws.onclose = function(event) {
  var code = event.code;			// 表示服务端发送的关闭码
  var reason = event.reason;		// 表示服务器关闭连接的原因
  var wasClean = event.wasClean;	// 表示连接是否完全关闭
  // 其他代码
};

onerror 连接失败后的回调函数
当websocket的连接由于一些错误事件的发生 (例如无法发送一些数据) 而被关闭时，一个error事件将被引发。

ws.onerror = function(event) {
  console.log('连接错误: ', event);
};