美文网首页
JavaScript 将网站后台的数据变化实时更新到前端

JavaScript 将网站后台的数据变化实时更新到前端

作者: Jalonly | 来源:发表于2016-11-01 13:16 被阅读424次

1,ajax短连接:客户端每隔一秒钟发一次请求,服务器收到请求后会立刻返回结果,不管有没有新数据。

2,ajax长连接:客户端发送一次请求,服务器端收到请求后查询有没有新数据,如果没有新数据就阻塞这个请求,直到有新数据或者超时为止。客户端每次收到请求返回结果后立刻再发一次请求。comet貌似就是这个原理。

3,WebSocket:这就不是一个HTTP协议了,而是一个tcp协议,而且Socket这个玩意顾名思义就是一个流了,可以双向操作。缺点是有些浏览器不支持。

对比延迟:

假设网络延迟是m毫秒,那么ajax短连接的延迟在m到1000毫秒之间,另外两种基本只有m毫秒的延迟。

对比资源占用:

应该是1>2>3。但是1和2的比较要看情况,如果两次请求间隔时间很长的话应该是2>1>3。

相关文章

  • JavaScript 将网站后台的数据变化实时更新到前端

    1,ajax短连接:客户端每隔一秒钟发一次请求,服务器收到请求后会立刻返回结果,不管有没有新数据。 2,ajax长...

  • React.js相关

    关于react的虚拟DOM: 在前端开发的过程中,我们经常会做的一件事就是将变化的数据实时更新到UI上,这时就需要...

  • thinkphp5 向下滑动触发“ 加载更多 ”;ajax 异步

    实现效果:手机页面向下滚动加载数据 前端代码: javascript 代码: 后台数据接收:

  • 轮询和websocket

    轮询: 前端不断向后台发请求以实时更新数据,不管后台数据是否有更新都会返回数据,后端程序编写比较容易。对服务器压力...

  • 需求实现1

    实时统计注册人员信息用户使用网站或APP进行注册,后台实时收集数据传输Kafka,Spark Streaming进...

  • watch 实时数据

    web前端vue:watch自动检测数据变化实时渲染 奇惠小前端 关注 2018.01.16 00:57* 字数 ...

  • 图文实战-vue结合api接口开发移动端页面(1)

    在学前端的过程中,我们都会被没有后台数据困扰。虽然可以做前端的界面,但是没有实时更新的数据,只能自己敲点假数据,这...

  • Android-JetPack(二) LiveData

    简介 在ViewModel中使用,可以实现后台数据的监听,同时实时更新到UI进行显示,从而大大简化开发过程。 优点...

  • vue之数据的双向绑定

    1、vue 实现数据的双向绑定: 实现: 前端发起请求将服务端后台数据取回之后,渲染前端...

  • InnoDB存储引擎

    InnoDB体系架构 后台线程分类 Master Thread 主要负责将缓冲池中的数据异步刷新到磁盘,保证数据的...

网友评论

      本文标题:JavaScript 将网站后台的数据变化实时更新到前端

      本文链接:https://www.haomeiwen.com/subject/jfsmuttx.html