什么是 Server-sent Events(SSE)
Server-sent Events(SSE)是一种流式传输技术，它允许服务器向客户端发送实时数据，而无需客户端发起请求。这种技术通常被用于推送实时数据，如通知、聊天、股票报价等。SSE是HTML5规范的一部分，它使用简单的文本格式来传输数据，而不需要像WebSocket那样建立一个持久连接。
SSE 与 Ajax 的比较
SSE和Ajax都可以用来传输实时数据，但它们有很大的区别。
连接方式
Ajax是通过客户端发起请求来获取数据的，而SSE是服务器向客户端推送数据的。
数据格式
Ajax通常使用JSON格式来传输数据，而SSE使用简单的文本格式。
实时性
Ajax需要客户端不断地发起请求来获取最新的数据，而SSE则能够实时地向客户端推送数据，客户端无需发起请求。
连接状态
Ajax是一种请求-响应模式，每次请求都需要建立一个新的连接，而SSE是一种长连接，客户端和服务器之间可以保持一个持久的连接。
SSE的优势
SSE有很多优势，以下列举几个主要的：
实时性
SSE能够实时地向客户端推送数据，客户端无需不断发起请求，这样可以降低服务器的压力，同时也可以提高数据的实时性。
可靠性
SSE使用长连接，客户端和服务器之间可以保持一个持久的连接，这样可以减少连接的建立和关闭次数，从而提高可靠性。
兼容性
SSE是HTML5规范的一部分，但它也可以在旧版本的浏览器中使用，只需要使用一个polyfill库就可以了。
简单易用
SSE使用简单的文本格式来传输数据，代码实现也比较简单，不需要像WebSocket那样建立一个持久连接。
SSE示例代码
以下是一个简单的SSE示例代码，它向客户端推送一个计数器的值：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ---------- ------------ ------- ------ ---- -------------------- -------- --- ------- - ----------------------------------- --- ------ - --- -------------------- ---------------- - --------------- - ----------------- - ----------- -- --------- ------- -------
以下是服务器端的代码，它使用Node.js来实现一个简单的SSE服务器：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
---------------- - - --- ---------------- - --------
-- ------
---
------------------- -- -- -
------------------- -- ------- -- ---- -------
---以上代码中，服务器会每隔一秒钟向客户端推送一个时间戳。客户端的代码中，我们使用EventSource来连接服务器，并监听onmessage事件来获取服务器推送的数据。
结论
SSE是一种非常有用的技术，它能够实时地向客户端推送数据，从而提高数据的实时性和可靠性。与Ajax相比，SSE具有更好的实时性和可靠性，但是在某些情况下，Ajax也是非常有用的。我们需要根据具体的需求来选择合适的技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675ab73d4b9d41201abb0ae8