H5数据推送

本文探讨了前端数据推送的三种技术:WebSocket、SSE和轮询。WebSocket提供双向通信,适合需要实时交互的场景,但实现较复杂。SSE则允许服务器单向推送数据,实现简单且易于调试,适合某些特定需求。轮询虽然简单,但效率较低,常用于低延迟要求不高的场合。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

WilsonLiu’s blog 首发地址

前言

众所周知,AJAX的出现是前端快速发展的一个标志,同时也是前后端得以分离的重要基础。作为一个C/S网络的web系统,网络通信在发挥着举足轻重的作用。
大部分的场景下,我们是主动触发AJAX去调取后端数据,但是总有那么些场景是后端数据更新了再推送给前端。
本文则试着和读者一起对这个数据推送的需求进行技术方案的探究。

首先,列一个常用可选的技术清单
- websocket
- SSE(Server-Sent Event)
- 轮询(长轮询)

数据推送

数据推送是由服务端选择向客户端发送新数据。
数据推送
当数据源有新数据时,服务端能立刻将它发送给一个或多个客户端,而不用等客户端来请求。

数据推送有两种替代方案:无更新方案和数据拉取方案。
无更新方案
数据拉取方案

数据拉取和数据推送的功能目标是一致的:让用户看到最新的数据。但数据推送有一些优势,即更低的延迟。
但是在数据拉取的方式中,权衡会让你很纠结,要缩短延迟就要提高轮询的频次,要节省带宽和连接就要降低轮询的频次。

技术分析

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值