ing...

背景

是什么

API

使用WebSocket构造函数创建webSocket对象。

var webSocket = new WebSocket('ws://localhost:8080');

构造器创建的时候就会开始建立连接(跟服务进行握手操作)，并且readyState等于0。如果握手成功，则会触发open事件，并且readyState等于1；反之如果导致握手失败（url不正确等），WebSocket会喷出error日志，并且触发error, close事件，并且readyState等于3。

属性

1. url

<String>，只读，webSocket服务地址。在创建WebSocket对象是传入的值。
url的方案是ws://或者wss://。

2. readState

<int>, 只读，表示WebSocket对象的状态。可取值的枚举：

WebSocket.CONNECTING (0)：表示还未建立连接；
WebSocket.OPEN (1): 表示已经建立连接，可以和服务进行通信了；
WebSocket.CLOSING (2): 表示连接正在关闭连接，进行关闭连接握手；
WebSocket.CLOSED (3): 表示链接已经被关闭了。

3.protocol

<String>|<[String]>, 只读，子协议。

4.事件属性方法

还有4个事件对应的方法：onopen, onclose, onmessage, onerror。

方法

1.send(data)

向服务发送数据data。
注意只有readyState等于OPEN（1）时才能正确执行该方法,否则会抛异常。
data必须是字符串？？？

2.close

关闭连接。会触发close事件。被close的webScoket不能重新建立连接。

事件

兼容性

WebScoket, MozWebScoket

WebSocket服务

原理

握手

WebSocket协议中的握手过程通过http协议完成的。

Client### ?

Request:
Sec-WebSocket-Extensions
Sec-WebSocket-Key
Sec-WebSocket-Version
Upgrade:websocket

Response:
Sec-WebSocket-Accept

参考

介绍：https://www.webcodegeeks.com/...
规范：https://www.w3.org/TR/2011/WD...
API：https://developer.mozilla.org...
介绍：https://www.websocket.org/qua...
WebSocket数据包协议详解: http://www.cnblogs.com/smark/...

Html5——WebSocket相关推荐

打通B/S与C/S ！让HTML5 WebSocket与.NET Socket公用同一个服务端！
随着HTML5 WebSocket技术的日益成熟与普及,我们能够借助WebSocket来更加方便地打通BS与CS -- 由于B/S中的WebSocket能够直接连接到C/S的服务端,并进行双向通信.例 ...
HTML5 WebSocket之HelloWorld
原文http://fallenlord.blogbus.com/logs/110768932.html 方案要实现一个WebSocket有很多方案,客户端方面可以用原生的WebSocket对象,也可 ...
h5 socket.io java,从HTML5 WebSocket到Socket.io
HTML5 WebSocket 作为新一代的web标准,HTML5为我们提供了很多有用的东西,比如canvas,本地存储(已经分离出去了),多媒体编程接口,当然还有我们的WebSocket.WebSo ...
html5 websocket 手机,HTML5 WebSocket 示范
HTML5 WebSocket 示例我们通过一个简单的例子来熟悉 HTML5 WebSocket.该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示.准备:Jetty 7 ,Java ...
html5 websocket与c,打通B/S与C/S ！让HTML5 WebSocket与.NET Socket公用同一个服务端！
随着HTML5 WebSocket技术的日益成熟与普及,我们可以借助WebSocket来更加方便地打通BS与CS -- 因为B/S中的WebSocket可以直接连接到C/S的服务端,并进行双向通信.如 ...
【Html5 WebSocket】WebSocket事件
<HTML5 WebSocket权威指南>学习笔记&2 上一篇:[Html5 WebSocket]WebSocket构造函数 WebSocket事件 WebSocket编程遵循异步 ...
HTML5 WebSocket的入门使用
HTML5 WebSocket:长连接,客户端与服务端可以保持长时间的通信. 一.具体步骤: 1.创建一个websocket实例,连接远程服务器并且需要一个连接服务器的url let baseUrl ...
HTML5 - Websocket
关键词: HTML5 网络通讯协议并肩HTTP 基于TCP 客户端与服务器全双工通讯双向数据传输实现长链接.持久性链接 HTTP是非持久性总结: Websocket是一种在单个TCP连接上进 ...
Html5 WebSocket 技术介绍(转载)
WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一,在传统的无状态HTTP协议中,这 ...
html5 网络断开,html5 – websocket不断断开连接
我一直在努力建立一个在浏览器中运行的websocket聊天室.我已经做了一些谷歌搜索,并找到了一个提供示例websocket连接的网站(www.websocket.org/echo.html).但每当 ...

Html5——WebSocket

背景

是什么

API

属性