8.3.1  使用Web Sockets API的方法

8.3.1 使用 Web Sockets API的方法

使用Web Sockets API的方法十分简单,基本步骤如下:

(1)创建连接

新建一个WebSocket对象的具体代码如下:

978-7-111-53392-4-Part03-96.jpg

其中,URL必须以“ws”字符开头,剩余部分可以像使用HTTP地址一样来编写。该地址没有使用HTTP,因为它的属性为WebSocket URL;URL必须由4个部分组成,分别是通信标记(ws)、主机名称(host)、端口号(port)及Web Sockets Server。

(2)发送数据

当WebSocket对象与服务器建立联系后,使用如下代码发送数据:

978-7-111-53392-4-Part03-97.jpg

其中,objns为新创建的WebSocket对象,send()方法中的dataInfo参数为字符类型,即只能使用文本数据或者将JSON对象转换成文本内容的数据格式。

(3)接收数据

客户端添加事件机制用于接收服务器发送来的数据,代码如下:

978-7-111-53392-4-Part03-98.jpg

其中,通过回调函数中event对象的“data”属性来获取服务器端发送的数据内容,该内容可以是一个字符串或者JSON对象。

(4)设置状态标志

通过WebSocket对象的“readyState”属性记录连接过程中的状态值。属性“readyState”是一个连接的状态标志,用于获取WebSocket对象在连接、打开、关闭中和关闭时的状态。