SSE(Servlets 3.1) 是一种服务器向客户端推送数据的技术，它相对于传统 AJAX 轮询技术具有更低的延迟、更少的网络请求、更少的数据传输和更轻量的服务器负载等优点。在这种技术中，服务器使用 HTTP 1.1 协议中的“Content-Type: text/event-stream" 头部向客户端发送流式数据。本文将探讨 SSE 推送数据的格式处理和序列化。
数据格式
SSE 的数据格式非常简单，使用纯文本格式，格式如下：
event: <事件类型> data: <数据> event: <事件类型> data: <数据>
其中，“event:" 和 "data:" 是固定的字段，它们分别代表事件类型和事件数据。每个“event:”和“data:”都必须以一个空行结束。如果没有事件类型，则可以省略“event:”行。
序列化数据
在实际使用 SSE 推送数据的过程中，我们通常需要将数据序列化为纯文本格式。这里我们使用 JSON 格式作为序列化格式，示例代码如下：
-- -------------------- ---- -------
-------- ---------------- ----- -
--- ------ - ---
-- ------- -
------ -- ------- - - ----- - -----
-
-- ------ -
------ -- ------ - - -------------------- - -----
-
------ ------ - -----
-这个函数接受一个事件类型和一个事件数据作为参数，并返回序列化后的 SSE 数据格式。如果没有事件类型，则传递 null 或 undefined，然后将事件类型行省略。
数据推送
在服务器端，我们使用 Servlet 3.1 的 API 创建 SSE 消息，并将消息发送到客户端。示例代码如下：
-- -------------------- ---- -------
------------------------
------ ----- ---------- -
-------
------ ---- -------------- -------- -
-- ----------------
------------------------------------------------------ -----------
-
----------
------ ---- ----------------- -------- ------ -------- -
-- -------------------
------------------------------------------------------- -- --- ---- -------- - - ----------
-
--------
------ ---- --------------- -------- -
-- ----------------
------------------------------------------------------ ---------
-
-这个类使用了 Java WebSocket API 中的 @ServerEndpoint 注解，即 WebSocket 服务器端点。在 onOpen() 方法中，我们向客户端发送一条欢迎消息。在 onMessage() 方法中，我们读取来自客户端的消息，并将响应消息发送回去。在 onClose() 方法中，我们向客户端发送一条再见消息。
结论
使用 SSE 推送数据可以减少 AJAX 轮询技术中的网络延迟和服务器负载。序列化数据和推送数据的方法都相对简单，仅需遵循简单的文本格式。通过简单地使用 SSE 技术，您可以改善 Web 应用程序的性能和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6773abdb6d66e0f9aae61239