HTML5 Server-Sent Events (SSE) 是一种用于在客户端和服务器之间实现单向实时通信的技术。使用 SSE，服务器可以向客户端推送数据，而客户端无需不断地轮询服务器。
使用 SSE 的优势
- 实时性：SSE 允许服务器实时向客户端推送数据，使得客户端能够及时获取最新信息。
- 简单易用：相比于 WebSockets，SSE 更易于实现和维护，无需复杂的握手和协议。
- 兼容性好：SSE 是 HTML5 的标准规范之一，大多数现代浏览器都支持。
如何使用 SSE
在客户端，可以使用 JavaScript 来与服务器建立 SSE 连接。以下是一个简单的示例：
--------- -----
------
------
---------- ---------------
-------
------
---- -------------------
--------
----- ------- - -----------------------------------
----- ----------- - --- ------------------------------
--------------------- - --------------- -
----------------- - -----------
--
---------
-------
-------在上面的示例中，我们创建了一个 EventSource 对象，并指定了服务器端的 SSE URL。当服务器端发送数据时，客户端会接收到 onmessage 事件，并将数据显示在页面上。
服务器端实现 SSE
在服务器端，需要设置相应的响应头信息，并定时向客户端发送数据。以下是一个简单的 PHP 示例：
----- --------------------- -------------------- ---------------------- ----------- -------- - -- ----- ------ - ---- ------ ---------------- -------- ----------- --------- - --
在上面的示例中，我们设置了 Content-Type: text/event-stream 和 Cache-Control: no-cache 头信息，然后使用一个无限循环来向客户端发送数据。每次发送数据时，需要在数据前面添加 data: 前缀，并在末尾添加两个换行符 \n\n。
通过以上示例，你可以了解如何使用 HTML5 SSE 实现客户端和服务器端之间的实时通信。在实际项目中，你可以根据具体需求来定制更复杂的 SSE 逻辑。