【演变】Ajax(AjAj)到WebSocket
提出问题:A => 服务器 => B B端浏览器如何知道服务器有A发来的数据?
解决方案:
第1种:频繁轮询 间隔1秒B向服务器讨要数据,就算数据为空。【浪费服务器大量响应请求资源】
第2种:长轮询 服务器要发数据时才发,如果在服务器响应前,浏览器有新数据只能走并行请求(或者终止当前请求。)
这里有个限制,一般来说规范【超时时间是60秒】。
还有个限制,HTTP1.1版本浏览器只能发起两个连接到同一个主机名。(一般1个连接请求,另1个连接负责抓取图片资源。)
第3种:分块编码 用Transfer-Encoding:chunked代替Content-Length:lenN 【解决长轮询超时限制(大文件下载分块)但不能解决浏览器只能创建两个连接】
初始化 创建一个接收服务器发送的事件监听,后续每个块都是事件触发XMLHttpRequest对象的onreadystatechange事件处理器调用。(连接需要刷新)
第4种:Applet 、Flash 在浏览器和服务器之间【单个连接模拟全双工通信】,本质创建了TCP插头,绕过HTTP协议超时和并发连接限制,以及Ajax安全限制必须要同一个完全限定域名。
插件本身没有安全协议,缓慢占内存...随着移动互联网,渐渐被取代。
【WebSocket协议】原生的TCP插头。80(ws) 443(wss) ,几乎所有防火墙都不阻塞WebSocket连接。
【Http1.1版本升级特性的利用】最早在请求中包含Connection:Upgrade,常被用来从HTTP升级到HTTPS,容易收到中间人攻击所以被HTTPS URI替代。
【使用HTTP升级特性】在升级握手完成之后,不再使用HTTP连接,这时候可以使用持久的、全双工TCP插头连接。
【浏览器厂商规范】协议:ws[s] 头部:Connection:Upgrade Upgrade:websocket
其实HTTP请求不含 ws[s]。只是告诉浏览器要不要SSL/TLS加密。
【初始化】A => 服务器 服务区 => A 101交换协议
【初始化后心跳消息】ping pong
请求
GET /webSocketEndpoint HTTP/1.1
Host:www.example.org
Connection:Upgrade
Origin:http://example.com
Sec-WebSocket-Key:x3JJHMbDL1EzLkh9GBhxDw== //base64编码 浏览器生成
Sec-WebSocket-Version:13
Sec-WebSocket-Protocol:game //聊天、游戏、股票
响应
HTTP/1.1 101 状态码描述
Server:Apache 2.4
Connection:Upgrade
Upgrade:webSocket
Sec-WebSocket-Accept:x3JJHMbDL1EzLkh9GBhxDw== //base64编码 浏览器生成
Sec-WebSocket-Protocol:game //聊天、游戏、股票
TCP插头接入,websocket连接开始,最大的障碍是HTTP代理,最可靠的方式是是用HTTPS版本wss。
【演变】Ajax(AjAj)到WebSocket的更多相关文章
- 反向Ajax,第2部分:WebSocket
转自:http://kb.cnblogs.com/page/112616/ 前言 时至今日,用户期待的是可通过web访问快速.动态的应用.这一文章系列展示了如何使用反向Ajax(Reverse Aja ...
- 反向Ajax:WebSocket
郭晨 软件151 1531610114 WebSocket 在HTML5中出现的WebSocket是一种比Comet还要新的反向Ajax技术,WebSocket启用了双向的全双工通信信道,许多浏览器( ...
- HTML5中的webSocket、ajax、http
本文原链接:https://cloud.tencent.com/developer/article/1115496 https://cloud.tencent.com/developer/articl ...
- 反向ajax实现
在过去的几年中,web开发已经发生了很大的变化.现如今,我们期望的是能够通过web快速.动态地访问应用.在这一新的文章系列中,我们学习如何使用反 向Ajax(Reverse Ajax)技术来开发事件驱 ...
- 【理论面试篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题
##2017.10.30收集 面试技巧 5.1 面试形式 1) 一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2) 面试官喜欢什么样的人 ü 技术好. ...
- JavaScript异步编程原理
众所周知,JavaScript 的执行环境是单线程的,所谓的单线程就是一次只能完成一个任务,其任务的调度方式就是排队,这就和火车站洗手间门口的等待一样,前面的那个人没有搞定,你就只能站在后面排队等着. ...
- 了不起的Node.js: 将JavaScript进行到底(Web开发首选,实时,跨多服务器,高并发)
了不起的Node.js: 将JavaScript进行到底(Web开发首选,实时,跨多服务器,高并发) Guillermo Rauch 编 赵静 译 ISBN 978-7-121-21769-2 2 ...
- WeX5和BeX5比较
http://wex5.com/cn/wex5和bex5比较/ WeX5和BeX5比较 许多对WeX5和BeX5略有了解得人都知道,WeX5和BeX5是完全共用前端框架技术的.但是WeX5和BeX5是 ...
- WEB实时聊天 comet推技术
转自:http://www.cnblogs.com/wodemeng/archive/2012/04/06/2435302.html 今天晚上朋友遇到web服务端推技术的问题,自己就查了下资料,学习了 ...
- 用做网页开发经历了三个阶段(附长篇讨论) good
用做网页开发经历了三个阶段:第一阶:傻干阶段使用Intraweb,傻瓜型,无需知道javascript,html,css,会pascal就可以了. 第二阶:困惑阶段使用Intraweb,有很多限制,比 ...
随机推荐
- NOIP 飞扬的小鸟 题解
题目描述 Flappy Bird是一款风靡一时的休闲手机游戏.玩家需要不断控制点击手机屏幕的频率来调节小鸟的飞行高度,让小鸟顺利通过画面右方的管道缝隙.如果小鸟一不小心撞到了水管或者掉在地上的话,便宣 ...
- 20165223《Java程序设计》第七周Java学习总结
教材学习内容总结 第11章-JDBC与MySQL数据库 要点 MySQL数据库管理系统 连接MySQL数据库 查询操作(基础) 更新.添加.删除(基础) 预处理语句(重点) 通用查询(难点) 事务 笔 ...
- 解决使用jedis连接是报DENIED Redis is running in protected mode错误
DENIED Redis is running in protected mode because protected mode is enabled, no bind address was spe ...
- javascript之复习(框架里的方法们)
继上次整理,一些东西没有整理完.就写在这.可能比较乱比较杂,因为都是整理的一些东西,也没有到做成专题的程度. 1.String.repeat() 大家要实现重复一个字符串的重复怎么写呢,反正我的第一想 ...
- Java线程池中submit()和execute之间的区别?
一: submit()方法,可以提供Future < T > 类型的返回值. executor()方法,无返回值. execute无返回值 public void execute(Runn ...
- request.getRequestDispatcher 页面跳转,样式丢失。
在页面中引用样式和其它资源的时候,尽量不要用相对路径,因为"当前路径"这个概念在J2EE中是不稳定的. 所以最好都是绝对路径,类似于: <% String cp = requ ...
- jquery 事件的绑定,触发和解绑
js和jquery绑定的区别? HTML或原生js是单一对应绑定的,绑多了只留最后一个.jQuery是追加绑定的,绑多少执行多少.这个在每一本jQuery的书中都是首先提到的事情. jquery绑定与 ...
- android studio adb.exe已停止工作(全面成功版 进程的查询和开启)
先输入adb看是否存在. 如果不存在则:在系统path里添加C:\Users\nubia\AppData\Local\Android\sdk\platform-tools 因为这个目录里有adb 或者 ...
- 设计模式_代理模式_在SqlSessionTemplate(Spring)中的应用
1.SqlSessionTemplate的构造函数,根据传入的SqlSessionFactory和ExecutorType创建一个Spring管理的SqlSession,并生成SqlSession的动 ...
- MySQL5.7 的GTID复制
MySQL5.7 的GTID复制 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 在MySQL5.6之后其官方推出了GTID复制方式,和传统的基于bin log复制方式有所不同,接 ...