JavaScript编程全解学习 三 WebSocket
2016-03-26 21:51
369 查看
WebSocket是在浏览器的应用程序中实现高效的双向通信的技术。
在服务器与客户端实现高效的双向通信的机制。通过WebSocket,就能够在1个HTTP连接上自由的双向收发消息。
WebSocket的执行方式
通过WebSocket开始双向通信时,首先需要与服务器建立连接。而建立的请求,是由客户端通过HTTP方式发送的。服务器将会确认连接对象的源以及协议,并发送连接许可的响应。在发送了响应后,浏览器将会把连接升级为WebSocket。
基本操作
1 连接的建立
WebSocket选择“ws://” 或 “wss://”这两种协议。如果,指定wss,就能够以TLS对通信加密。第二个参数的子协议是可以省略的。也能通过数组来指定,子协议是应用层的协议,如果希望程序能根据所选的子协议,来切换不同的处理操作,可以使用这种方式。
一旦建立了连接,WebSocket实例就会触发open事件。
消息的收发
//向服务器发送消息
//接受服务器发送的消息
连接的切断
//切断连接
//切断连接触发的函数
在服务器与客户端实现高效的双向通信的机制。通过WebSocket,就能够在1个HTTP连接上自由的双向收发消息。
WebSocket的执行方式
通过WebSocket开始双向通信时,首先需要与服务器建立连接。而建立的请求,是由客户端通过HTTP方式发送的。服务器将会确认连接对象的源以及协议,并发送连接许可的响应。在发送了响应后,浏览器将会把连接升级为WebSocket。
基本操作
1 连接的建立
var ws = new WebSocket("ws://www.foo.org:8888/bar","subprotocol");
WebSocket选择“ws://” 或 “wss://”这两种协议。如果,指定wss,就能够以TLS对通信加密。第二个参数的子协议是可以省略的。也能通过数组来指定,子协议是应用层的协议,如果希望程序能根据所选的子协议,来切换不同的处理操作,可以使用这种方式。
一旦建立了连接,WebSocket实例就会触发open事件。
ws.onopen = function (event){ //一些处理 }
消息的收发
//向服务器发送消息
ws.send("hello ");
//接受服务器发送的消息
ws.onmessage = function(event){ var receive = event.data; //接受数据 }
连接的切断
//切断连接
ws.close();
//切断连接触发的函数
ws.onclose = function (){ }
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- 小心服务器内存居高不下的元凶--WebAPI服务
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- 运维入门
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- javascript实现10进制转为N进制数
- 肯特·贝克:改变人生的代码整理魔法
- 你应该学习哪种编程语言?
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- 利用开源软件打造自己的全功能远程工具
- Linux5.9无人值守安装
- 数据中心和云未来的十二大趋势
- 用vsftp快速搭建ftp服务器
- Linux快速构建apache web服务器
- 服务器监控策略浅谈