WebSocket客户端
来源:互联网 发布:文华震荡交易系统源码 编辑:程序博客网 时间:2024/05/22 20:32
如概念篇中介绍的握手协议,客户端是由浏览器提供了API,所以只要使用JavaScript来简单调用即可,而服务器端是要自己实现的,服务器端将在下个博文来讲。
WebSocket JavaScript 接口定义:
简单了解下接口方法和属性:
- [Constructor(in DOMString url, optional in DOMString protocol)]
- interface WebSocket {
- readonly attribute DOMString URL;
- // ready state
- const unsigned short CONNECTING = 0;
- const unsigned short OPEN = 1;
- const unsigned short CLOSED = 2;
- readonly attribute unsigned short readyState;
- readonly attribute unsigned long bufferedAmount;
- // networking
- attribute Function onopen;
- attribute Function onmessage;
- attribute Function onclose;
- boolean send(in DOMString data);
- void close();
- };
- WebSocket implements EventTarget;
- readyState表示连接有四种状态:
CONNECTING (0):表示还没建立连接;
OPEN (1): 已经建立连接,可以进行通讯;
CLOSING (2):通过关闭握手,正在关闭连接;
CLOSED (3):连接已经关闭或无法打开; - url是代表 WebSocket 服务器的网络地址,协议通常是”ws”或“wss(加密通信)”,send 方法就是发送数据到服务器端;
- close 方法就是关闭连接;
- onopen连接建立,即握手成功触发的事件;
- onmessage收到服务器消息时触发的事件;
- onerror异常触发的事件;
- onclose关闭连接触发的事件;
JavaScript调用浏览器接口实例如下:
- var wsServer = 'ws://localhost:8888/Demo'; //服务器地址
- var websocket = new WebSocket(wsServer); //创建WebSocket对象
- websocket.send("hello");//向服务器发送消息
- alert(websocket.readyState);//查看websocket当前状态
- websocket.onopen = function (evt) {
- //已经建立连接
- };
- websocket.onclose = function (evt) {
- //已经关闭连接
- };
- websocket.onmessage = function (evt) {
- //收到服务器消息,使用evt.data提取
- };
- websocket.onerror = function (evt) {
- //产生异常
- };
0 0
- WebSocket客户端
- websocket客户端
- webSocket客户端
- html5 websocket聊天室 客户端
- WebSocket聊天客户端
- websocket客户端应用程序
- 客户端主动断开webSocket
- WebSocket客户端java代码
- webSocket--web客户端方面
- websocket客户端的代码
- Java WebSocket客户端实现
- websocket客户端代码示例
- websocket客户端的实现
- springboot-websocket作为客户端
- js实现webSocket客户端
- SpringMvc-WebSocket客户端
- Websocket客户端的实现例子
- ios客户端websocket的helloworld
- Android通讯录管理二之通话记录获取
- 41个响应式HTML5免费网站模板
- 在Ubuntu中安装MySQL
- JavaScript Tween算法及缓动效果
- JavaWeb-12 (自定义标签库开发&JSTL标签库)
- WebSocket客户端
- 初探Object-c 3 :多态,动态类型,动态绑定
- ubuntu 下minicom安装及配置
- Android网络请求缓存,本地数据缓存流程图
- 添加本地的Jar文件到Maven库
- 素数回文 HDU 1431
- 朴素贝叶斯分类
- 敌兵布阵(线段树)
- PHP 判断二维数组中是否存在某个数组