简介
Server-sent Events（SSE）是一种 HTML5 技术，它允许服务器向客户端推送数据，实现了实时更新。SSE 的优点在于它相对于 WebSockets 更加简单，不需要额外的协议和握手过程，可以直接使用 HTTP 传输。在前端开发中，SSE 可以用来实现实时评论、实时聊天等功能。
实现思路
我们可以使用 SSE 机制来实现一个简单的实时评论系统。在客户端，我们通过 JavaScript 创建一个 EventSource 对象，然后指定一个 URL，这个 URL 是服务器端的一个脚本，这个脚本负责向客户端发送最新的评论数据。在服务器端，我们需要创建一个脚本，它会不断地查询数据库中最新的评论数据，然后通过 SSE 发送给客户端。当客户端收到服务器端发送的数据时，我们可以通过 JavaScript 将数据插入到网页中，从而实现实时更新。
代码实现
下面是一个简单的实时评论系统示例代码：
服务器端代码
-- -------------------- ---- -------
-----
--------------------- --------------------
---------------------- -----------
------------------- -------------
-- -----
---- - ------------------------------------------------
--------- - -------
--------- - ---
---- - --- --------- ---------- -----------
-- ------
---- - ------- - ---- -------- ----- -- -- ---- ----- ---
----- - ------------------
-- ----
----- ------ -
---- - -------------------------------
-- ------ -
----- - ------------------
---- ------ -----------
-----------
--------
-
---------
-
--客户端代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------------
-------
------
---------------
---- --------------------
--------
--- ------ - --- ---------------------------
---------------- - --------------- -
--- ------- - -----------------------
--- ---- - ------------- - ------------ - ----------- - - --------------- - -------
--------------------------------------------- -- -----
--
---------
-------
-------结论
使用 SSE 实现实时评论系统比较简单，只需要在服务器端创建一个脚本不断地查询最新的评论数据，然后通过 SSE 发送给客户端即可。在客户端，我们可以通过 JavaScript 创建一个 EventSource 对象，然后监听服务器端的数据，实时更新网页中的评论内容。SSE 与 WebSockets 相比，更加简单，不需要额外的协议和握手过程，所以在某些场景下，SSE 可以是一种更加合适的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675a3d977ebdbf91a6dca669