轮询、长轮询、server-sent-event

1.png

轮询

客户端定时向服务器发送Ajax请求,服务器接到请求后无论是否有响应的数据,都马上返回响应信息并关闭连接。

优点:实现简单。

缺点:浪费带宽和服务器资源,新数据响应会有延迟。

应用:小应用小场景。

长轮询

与简单轮询相似,只是在服务端在没有新的返回数据情况下不会立即响应,而会挂起,直到有数据或即将超时。

优点:实现也不复杂,同时相对轮询,节约带宽。

缺点:所以还是存在占用服务端资源的问题,虽然及时性比轮询要高,但是会在没有数据的时候在服务端挂起,所以会一直占用服务端资源,处理能力变少。

应用:一些早期的对及时性有一些要求的应用:web IM 聊天。

SSE(Server Send Event)服务器推送

一个客户端获取新的数据通常需要发送一个请求到服务器,也就是向服务器请求的数据。使用 server-sent 事件,服务器可以在任何时刻向我们的客户端推送数据和信息。这些被推送进来的信息可以在这个客户端上作为 Events + data 的形式来处理。

客户端

EventSource 类

使用 EventSource 类接口来完成请求。

// /getData 为某个获取数据的url
let source = new EventSource("/getData");

参考:https://developer.mozilla.org/en-US/docs/Web/API/EventSource

服务端

服务端需要做如下一些设置:

头信息

"Content-type": "text/event-stream"

返回数据格式

https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events

ctx.body = `event: ping\ndata: {"time": "${new Date()}"}\n\n`
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容