Email:longsu2010 at yeah dot net
WebSocket是我现在所在的公司获取数据的主要通道,也是我工作的重要组成部分。今天看同事讨论这个问题,出现了好多有趣的事情,比如说要把WebSocket做成同步的来调试错误(WebSocket是异步全双工通信,标准就是这样的),所以对WebSocket做一个简单的说明,如果有需要后期可能会做一个详细的补充,欢迎关注我的CSDN博客。
简单示例:
var socket = new WebSocket('ws://' + host + ':' + port);
socket.onmessage = function(evt){
console.log(evt.data);
};
socket.onclose = function(){ };
socket.onopen = function(){
this.send("发送的内容");
};
socket.onerror = function(err){
console.log(err); console.log(arguments);
};
// 发送信息的方法
function sendMsg(){
if( socket && (websock.readyState === 1) ){
socket.send("sdf");
}else{
// 放入发送队列
// 创建or重新创建连接
}
}
通过AJAX获取数据时XMLHTTPRequest对象(实例)一般不会复用(每次都创建一个新的),但是WebSocket连接是可以复用的,而且复用的好处很多,比如减少服务器端连接、节省创建连接时间等等,再说也没有不复用的道理。因为复用所以一般都只创建一个WebSocket实例,为了保证通信的可靠性就要在每次发送信息前检查一下WebSocket连接是否可用(是不是服务器端已经主动断开连接了),可用才能发信息嘛,可用就发送,不可用那个放入发送队列,WebSocket实例的readyState属性就是用来检测WebSocket实例状态的,说明如下。
readyState
0 : 对应常量CONNECTING,表示连接正在创建
1 : 对应常量OPEN,表示连接处于可通讯状态
2 : 对应常量CLOSING,表示连接正在断开
3 : 对应常量CLOSED,表示连接已经断开
因为WebSocket实例创建和信息传输都是异步的所以就会涉及到回调函数,如当连接创建完成调用哪个函数。各回调函数句柄如下:
onopen:当连接创建完成调用哪个函数,对应open事件,适合将待发送队列中的信息发送到server端。
onerror:当连接本身出现问题时,对应error事件,适合做重新连接。
onclose:当连接关闭时,对应close事件,适合资源清理。
onmessage:当服务器端推送信息到客户端时,对应message事件。
WebSocket实例提供的方法如下:
send:发送信息到server端。如果readyState为1返回true,否则返回false。
close:关闭WebSocket连接。
WebSocket实例会发布如下事件:
open:当连接创建完成时,及readyState从0变为1时。
message:每当有信息从server端推送到client端时。
error:当连接本身发生错误时
close:当连接关闭时。
订阅事件可以通过WebSocket实例的addEventListener方法来完成,如:
var onmsg = function(){
console.log(arguments)
};
socket.addEventListener("message", onmsg);
取消订阅可以通过removeEventListener,如:
socket.removeEventListener("message", onmsg);
功能上socket.addEventListener("message", onmsg);与socket.onopen = onmsg;是相同的,区别在于前者是可以添加多个回调函数的,而后者是赋值操作,总是使用最后一次所赋的值。
分享到:
相关推荐
《HTML5 WebSocket权威指南》是HTML5 WebSocket领域最权威的著作之一,它系统、全面地讲解了HTML5 WebSocket的各个方面,是Web开发人员和架构师学习WebSocket的最佳选择。书中讨论了基于WebSocket的架构师如何减少...
资源名称:HTML5 WebSocket权威指南内容简介:《HTML5 WebSocket权威指南》是HTML5 WebSocket领域最权威的著作之一,它系统、全面地讲解了HTML5 WebSocket的各个方面,是Web开发人员和架构师学习WebSocket的最佳选择...
HTML5 websocket 聊天 java tomcat8
《HTML5 WebSocket权威指南》是HTML5 WebSocket领域最权威的著作之一,它系统、全面地讲解了HTML5 WebSocket的各个方面,是Web开发人员和架构师学习WebSocket的最佳选择。书中讨论了基于WebSocket的架构师如何减少...
构建实时Web应用:基于HTML5 WebSocket、PHP和jQuery(英文版) Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery
html5 websocket聊天程序
jetty html5 websocket服务器
WebSocket 领域最全面和系统的著作、三位资深html5技术专家共同编写;系统讲解 websocket 的API、协议、消息传输安全性和企业部署,并给出通过websocket协议通信的真实示例,可操作性强。
html5 websocket 建立连接通讯
html5 websocket+nodejs测试代码 iostat压缩包.
界面是HTML5 ,自动连接websocket服务器端,连接成功提示。断线提示,并且自动重连。自动检测状态。
本文主要介绍了 HTML5 WebSocket 的原理以及它给实时 Web 开发带来的革命性的创新,并通过一个 WebSocket 服务器和客户端的案例来充分展示 WebSocket 的强大和易用
本工程为MyEclipse javaWeb工程,用于展示如何使用 HTML5 webSocket API实现即时通讯的功能。 本工程编码方式:UTF-8 功能说明: 1、本功能支持多人聊天,类似于http://www.htkaoyan.com/网站中的在线自询; 2、...
HTML5 WebSocket权威指南(带标签) ;完整版并且带标签目录
资源名称:使用 HTML5 WebSocket 构建实时Web应用内容简介: 本文主要介绍了 HTML5 WebSocket 的原理以及它给实时 Web 开发带来的革命性的创新,并通过一个 WebSocket 服务器和客户端的案例来充分展示 WebSocket 的...
The Definitive Guide to HTML5 WebSocket WebSocket权威著作,英文版,推荐下载!