server-sent events使用

最新推荐文章于 2025-07-18 15:23:38 发布
最新推荐文章于 2025-07-18 15:23:38 发布
阅读量1.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： html5 文章标签： html5 服务器推送
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jiuxiao199132/article/details/70156537
本文介绍了一种用于消息推送的技术——服务器发送事件(Server-Sent Events, SSE)。与传统的轮询方式相比，SSE能有效降低延迟并减少资源消耗。文中通过示例展示了如何使用JavaScript前端与Java后端实现SSE。

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

定义： 服务器发送事件

说明：服务器可以向客户端流式发送文本消息

适合场景： 消息推送

为什么要用它 : 传统模式的消息推送 是 客户端使用xmlHttpRequest 进行 轮询.

                   普通xhr 轮询 会造成 消息延迟，高消耗.

                   长轮询 会减少延迟 ，但是消耗还是很高.

采用server-sent events 这些问题都能得到解决.

下面使用示例:
js代码
这里写图片描述
Java后台代码
这里写图片描述

SSE（Server-Sent Events）完整使用示例
oscar999的专栏
05-04 274
本篇使用Node.js 作为服务端，在浏览器客户端演示SSE的完整实例和演示。实现了一个基于 Server-Sent Events (SSE) 的实时数据推送功能。
前端实时数据更新：使用 Server-Sent Events 的5个实用技巧
小白菜的博客
06-11 1204
本文旨在全面介绍Server-Sent Events技术，重点讲解如何在前端应用中有效利用SSE实现实时数据更新。我们将覆盖从基础实现到高级优化的完整知识体系。文章首先介绍SSE的基本概念，然后详细讲解5个实用技巧，包括连接管理、错误处理、性能优化等方面，最后提供实际应用案例和未来发展趋势。: 一种允许服务器向客户端推送实时更新的Web技术: 浏览器提供的用于接收SSE的JavaScript接口长连接: 保持持久化的网络连接以实现实时通信SSE是一种简单高效的服务器推送技术。
server-sent-events
04-28
服务器发送事件应用程序 该项目演示了如何使用“ 来实现实时航班时间表。 该表显示了航班到达的列表，并通过接收来自服务器的通知来更新其状态。 此处提供博客文章和深入的教程： 该项目包含两个应用程序： 一个React应用程序（客户端） Node.js应用程序（服务器） 通过打开命令窗口并在server文件夹中键入以下命令来运行server ： node server.js 通过打开命令窗口并在client文件夹中键入以下命令来运行client ： npm install npm start
Server-Sent Events（HTML5 服务器发送事件）
weixin_30408675的博客
11-10 348
Server-Sent Events简介 Server-Sent Events(SSE)用于网页自动获取服务器上更新的数据，它是一个实时性的机制。 实时性获取数据的解决方案 对于某些需要实时更新的数据（例如Facebook/Twitter 更新、估价更新、新的博文、赛事结果等）来说，有这么几种解决方案： Polling(轮询) 在客户端重复的向服务端发送新请求。如果服务器没有新...
SSE（Server-Sent Events）是什么、作用以及如何使用
最新发布
接着奏乐接着舞的博客
07-18 685
相比WebSocket，SSE实现更简单但仅支持单向通信。前端通过EventSource API建立连接，后端需设置text/event-stream响应头。SSE支持自动重连…
Server-Sent Events 教程
qq_41635401的博客
11-11 663
服务器向浏览器推送信息，除了 WebSocket，还有一种方法：Server-Sent Events（以下简称 SSE）。本文介绍它的用法。 一、SSE 的本质 严格地说，HTTP 协议无法做到服务器主动推送信息。但是，有一种变通方法，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。 也就是说，发送的不是一次性的数据包，而是一个数据流，会连续不断地发送过来。这时，客户端不会关闭连接，会一直等着服务器发过来的新的数据流，视频播放就是这样的例子。本质上，这种通信就是以流信息的方式，完成一
Server-Sent Events (SSE)
C7211BA的博客
06-27 1086
Server-Sent Events (SSE) 是一种HTML5技术，允许服务器通过HTTP连接向客户端(通常是网页浏览器)单向推送实时数据。与传统的客户端轮询不同，SSE建立了一个持久连接，服务器可以随时通过这个连接发送数据更新。SSE是单向通信协议，数据只能从服务器流向客户端，这与WebSocket的双向通信形成对比。这种特性使得SSE特别适合只需要服务器推送数据的场景。
1.SSE、Server-Sent Events实现页面流式数据输出 2.模拟ChatGPT流式输出
01-19
1.SSE、Server-Sent Events实现页面流式数据输出 2.模拟ChatGPT流式输出
Spring Boot中使用Server-Sent Events (SSE) 实现实时数据推送教程
brhhh_sehe的博客
01-21 1196
总结，Spring Boot中利用SSE实现实时数据推送既简单又实用，特别适合实时更新频率不高、实时性要求不严苛的场景。在Spring Boot项目中，无需额外引入特定的依赖，因为Spring Web MVC模块已经内置了对SSE的支持。创建一个SseEmitter，用uid进行标识，uid可以是用户标识符，也可以是业务标识符。3，通过ajax（/sendMsg），触发后端业务(循环十条数据发往页面)，向页面发送消息。在这个例子中，前端每接收到一次SSE推送的事件，就会在id为"con"的元素中追加数据。
浅谈HTML5 服务器推送事件（Server-sent Events）
12-14
服务器推送事件（Server-sent ...Server-sent Events 的使用 Server-sent Events（以下简称SSE）作为服务器=>客户端通讯方式那必然客户端要有相应的服务地址和响应方法，服务端要有相应的数据发送方法；废话不多说，
server-sent events
weixin_43910086的博客
08-16 2618
触发自定义事件就不会触发message事件。
Server-Sent Events
书中自有妍如玉的博客
03-06 334
Server-Sent Events (SSE) 是一种允许服务器向客户端推送实时更新的技术。
SSE（Server-Sent Events）
Bruce__taotao的博客
05-28 2032
SSE 流式传输解析指南 SSE（Server-Sent Events）是AI应用中实现流式传输（如大模型逐字输出）的关键协议。其基本格式为纯文本，以data:、event:等字段开头，事件间用\n\n分隔。 解析方式对比 逐行解析：直接按\n拆分处理data:字段，适合标准接口，但容错性差。 缓冲区解析：维护buffer动态提取完整JSON，能处理跨数据块场景，推荐用于生产环境。 实现示例 后端需以text/event-stream格式推送数据（Node.js示例提供）。 前端可通过EventSource
Server-Sent Events 服务器发送事件（SSH）
探索技术与实践的旅程，分享编程经验与工具使用心得，助力开发者提升技能。
09-12 982
服务器发送事件（SSE）是 HTML5 中引入的一种技术，允许服务器推送实时更新到客户端，客户端通过一个单向的持久连接接收来自服务器的事件数据。SSE 是基于 HTTP 协议的一种简单的、轻量的实时通信机制，适合需要服务器频繁向客户端发送更新的场景，例如新闻推送、股票价格、比赛比分更新等。
Server-Sent Events 一种轻量级的Push方式
徐小陌的博客
07-31 2979
Server-Sent Events 一种轻量级的Push方式。
python server send event_使用select（）的Python TCP Server
weixin_39628945的博客
12-11 119
this is my first entry @stackoverflow;-))I need a Python3 TCP server, which sends all inputs of the clients to the other participants. The server works, but unfortunately the message is only returned ...
java Server-Sent Events
06-28
通过使用Spring Boot提供的`SseEmitter`类，可以轻松地在Java应用中实现Server-Sent Events (SSE)。这种方法不仅简单易用，而且能够有效地支持实时通信需求。此外，结合前端的`EventSource` API，可以方便地接收和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值