HTML5 WebSocket

HTML5 WebSocket

注：本文来源菜鸟教程整理得https://www.runoob.com/html/html5-websocket.html

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

AJAX轮询和WebSocket比较

Websocket的使用

你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。
1.websocket的创建

var	Socket = new WebSocket(url,[protocol])

url:连接地址；
protocol：可选的，指定了可接受的子协议。
2.属性
Socket.readyState 只读属性 readyState 表示连接状态，可以是以下值：

					0 - 表示连接尚未建立。
					
					1 - 表示连接已建立，可以进行通信。
					
					2 - 表示连接正在进行关闭。
					
					3 - 表示连接已经关闭或者连接不能打开。

Socket.bufferedAmount 只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。
3.事件

事件	事件处理程序	描述
open	Socket.onopen	连接建立时触发
message	Socket.onmessage	客户端接收服务端数据时触发
error	Socket.onerror	通信发生错误时触发
close	Socket.onclose	连接关闭时触发

4.方法

方法	描述
Socket.send()	使用连接发送数据
Socket.close()	关闭连接