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('链接发生错误');
}