背景
随着 Web 应用的发展，实时性和交互性越来越重要。而传统的 HTTP 请求-响应模式无法满足这一需求。长轮询（Long Polling）是一种实现实时更新的技术，它通过在服务器端等待数据更新，再将更新的数据推送给客户端，从而实现实时更新。
SSE 简介
SSE（Server-Sent Events）是 HTML5 中的一种新特性，它提供了一种在浏览器和服务器之间单向传输数据的机制。与传统的 Ajax 请求不同，SSE 是一种基于 HTTP 的推送技术，它允许服务器向客户端发送事件流（Event Stream），并且客户端可以通过事件监听器监听这些事件。
SSE 协议基于纯文本，使用 MIME 类型 text/event-stream。每个事件都是一个以“data:”开头的文本块，最后以两个换行符结尾。例如：
data: hello world \n\n
实现长轮询
SSE 技术可以很方便地实现长轮询。客户端向服务器发送一个 SSE 请求，服务器接收到请求后，一直等待数据更新，并将更新的数据推送给客户端。客户端接收到数据后，再次发送 SSE 请求，继续等待数据更新。
以下是一个使用 SSE 技术实现长轮询的示例代码：
服务器端代码
-- -------------------- ---- -------
----- ---- - ----------------
----------------------- ---- -- -
------------------ -
--------------- --------------------
---------------- -----------
------------- -------------
---
-------------- -- -
---------------- ----- --------------
-- ------
----------------这段代码创建了一个 HTTP 服务器，每秒钟向客户端发送一个包含当前时间的 SSE 事件流。
客户端代码
const eventSource = new EventSource('http://localhost:3000');
eventSource.onmessage = (event) => {
console.log(event.data);
};这段代码创建了一个 EventSource 对象，监听来自 http://localhost:3000 的 SSE 事件流，并在接收到事件后打印事件数据。
指导意义
SSE 技术可以很方便地实现长轮询，使 Web 应用具备实时更新的能力。在实际开发中，我们可以使用 SSE 技术实现聊天室、股票行情等实时更新的功能。
但是需要注意的是，SSE 技术只能实现单向数据传输，即服务器向客户端的数据推送。如果需要客户端向服务器发送数据，仍然需要使用 Ajax 请求等其他技术。同时，SSE 技术还存在一些兼容性问题，在使用时需要注意。
总结
SSE 技术是一种基于 HTTP 的推送技术，可以很方便地实现长轮询。它的优点是实现简单、实时性好，缺点是只能实现单向数据传输，并且存在兼容性问题。在实际开发中，我们可以根据需求选择合适的实时更新技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650575f095b1f8cacd1eec7a