浏览器端

WebSocket 对象

在 Javascrpt 中可以使用 new WebSocket(url) 来创建一个 WebSocket 对象， 它能使浏览器与服务器建立连接。

其中参数 url 是 ws 或 wss 协议的，如：

const socket = new WebSocket("ws://localhost:8080/websocket/commodity/%7B2%7D/%7B3%7D");

WebSocket 对象的方法

WebSocket 对象有两个方法，分别是：send() 以及 close()。

send(data) 方法向服务端发送数据，在后端监听接受事件中可以获取到该数据源，可以像普通的 AJAX 一样发送一个 JSON 类型的数据，作为即时通讯功能的话，这个 JSON 对象一般包括三个信息，分别是：发送者ID、接受者ID以及发送内容。

close() 方法用于关闭 WebSocket 连接。

WebSocket 对象的监听函数

初始化 WebSocket 对象时，还需要定义了几个监听函数，当这些监听事件发生的时候就会触发这些监听函数，分别是：

onopen()：当连接初始建立时触发

onmessage()：当 WebSocket 接收到服务器发来的消息的时触发的事件

onclose()：当连接关闭时触发

onerror()：当连接发生错误时触发

WebSocket 对象的 readyState 属性

WebSocket 对象的 readyState 属性表示当前连接的状态：

0 （CONNECTING）：表示正在与服务器创建连接

1 （OPEN）：表示与服务器已经创建了连接

2 （CLOSING）：表示正在关闭与服务器的连接

3（CLOSED）：表示已经关闭与服务器的连接