SSE 的 HTTP 请求是长连接还是短连接？
SSE（Server-Sent Events）是一种用于客户端与服务器之间的双向通信的技术，它充分利用了 HTTP 协议的长连接特性。
HTTP 协议本身是一种短连接协议，即每次请求完成后连接就会被立即关闭。但是，SSE 技术通过使用长连接，即客户端与服务器建立连接后保持连接状态，服务器就可以随时向客户端发送数据，而不需要客户端频繁发起请求来获取数据。
实现 SSE 长连接的关键在于使用“event-stream”数据格式。客户端通过使用 EventSource 构造函数来建立 SSE 连接，同时指定要接收数据的 URL 地址：
var source = new EventSource('/server');当建立连接后，服务器会使用上述 URL 来发送数据，例如发送一个包含数据和事件类型的消息：
data: This is a message event: myEvent
在客户端，可以通过监听 onmessage 事件来处理服务器发送过来的数据：
source.onmessage = function(event) {
console.log(event.data);
}SSE 技术的优势在于它可以减少服务器需要处理的请求数量，因为客户端与服务器之间只需要建立一次连接即可实现多次数据传输。而且，它比传统的轮询方式更及时地将数据返回到客户端，因为数据一旦被生成，服务器就可以立即将它发送到客户端，而不需要等待客户端的请求。
总结
SSE 技术是一种利用 HTTP 长连接和“event-stream”数据格式实现双向通信的技术。它可以有效减少服务器的请求数量，同时还可以更及时地将数据返回到客户端。了解 SSE 技术对于前端开发者来说十分重要，因为它可以帮助我们构建更高效、更实用的 Web 应用程序。
代码示例
以下是一个完整的 SSE 代码示例：
-- -------------------- ---- -------
-- ---------
----- ---- - ----------------
------------------------------- ---- -
-- --- ------- --- ---
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-- ---- ------- -- ------ ----- - -------
---------------------- -
---------------- ---- -- - --------------
-- ------
--------------- ---------- -
------------------- ------- -- ---- ----------
----- -------------------- ---- -------
-- -----------
--------- -----
------
------
---------- ---------------
-------
------
--------
--- ------ - --- -----------------------
---------------- - --------------- -
------------------------
-
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64856dae48841e9894443bc2