怎么使用 JavaScript 将网站后台的数据变化实时更新到前端?
来源:互联网 发布:怎么登陆淘宝卖家中心 编辑:程序博客网 时间:2024/05/01 23:50
著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:李宏训
链接:http://www.zhihu.com/question/20255036/answer/14501889
来源:知乎
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:李宏训
链接:http://www.zhihu.com/question/20255036/answer/14501889
来源:知乎
我知道有三种方式:
1,ajax短连接:客户端每隔一秒钟发一次请求,服务器收到请求后会立刻返回结果,不管有没有新数据。
2,ajax长连接:客户端发送一次请求,服务器端收到请求后查询有没有新数据,如果没有新数据就阻塞这个请求,直到有新数据或者超时为止。客户端每次收到请求返回结果后立刻再发一次请求。comet貌似就是这个原理。
3,WebSocket:这就不是一个HTTP协议了,而是一个tcp协议,而且Socket这个玩意顾名思义就是一个流了,可以双向操作。缺点是有些浏览器不支持。
对比延迟:
假设网络延迟是m毫秒,那么ajax短连接的延迟在m到1000毫秒之间,另外两种基本只有m毫秒的延迟。
对比资源占用:
应该是1>2>3。但是1和2的比较要看情况,如果两次请求间隔时间很长的话应该是2>1>3。
1,ajax短连接:客户端每隔一秒钟发一次请求,服务器收到请求后会立刻返回结果,不管有没有新数据。
2,ajax长连接:客户端发送一次请求,服务器端收到请求后查询有没有新数据,如果没有新数据就阻塞这个请求,直到有新数据或者超时为止。客户端每次收到请求返回结果后立刻再发一次请求。comet貌似就是这个原理。
3,WebSocket:这就不是一个HTTP协议了,而是一个tcp协议,而且Socket这个玩意顾名思义就是一个流了,可以双向操作。缺点是有些浏览器不支持。
对比延迟:
假设网络延迟是m毫秒,那么ajax短连接的延迟在m到1000毫秒之间,另外两种基本只有m毫秒的延迟。
对比资源占用:
应该是1>2>3。但是1和2的比较要看情况,如果两次请求间隔时间很长的话应该是2>1>3。
0 0
- 怎么使用 JavaScript 将网站后台的数据变化实时更新到前端?
- 使用 JavaScript 将网站后台的数据变化实时更新到前端-【知乎总结】
- 数据库发生变化实时更新前端页面
- 如何将前端的数据传到后台
- Solrj实时更新遇到数据变化的问题
- 前端页面利用AJAX将数组数据传送到后台
- ios开发,将子线程获取的数据实时更新到UI
- ios开发,将子线程获取的数据实时更新到UI
- ios开发,将子线程获取的数据实时更新到UI
- ios开发,将子线程获取的数据实时更新到UI
- iOS开发,将子线程获取的数据实时更新到UI
- php怎么将数据做成json的格式给前端使用?
- 使用Flume将MySQL表数据实时抽取到hadoop
- openlayers2.13 地图绘点[点可以拖动,并且实时更新后台数据],测距同时更新数据到数据库
- 实时抓取MySQL的更新数据到Hadoop canal
- Java后台实时输出数据到页面
- Java后台实时输出数据到页面
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- java I/O 学习笔记2 ,线程池
- Miller-Rabin 素数测试
- maven打war包以及maven工程调用别人生成的jar包
- CHtmlView 处理/禁止 JavaScript 脚本错误!
- 高级并发学习之Samphere同步工具学习
- 怎么使用 JavaScript 将网站后台的数据变化实时更新到前端?
- javascript中的window.location.search方法简介
- 利用HttpURLConnection发送post请求上传多个文件
- LeetCode 3Sum Closest
- UI线程阻塞监控工具----BlockCanary
- 虚拟机
- Xen概述
- ExtJs中的事件机制
- 安卓初学二之控件初步(一)