JS SSE 客户端的代码示例

17 min read

以下是一个用 JavaScript 实现的 SSE 客户端代码示例:

const source = new EventSource('/sse');
source.addEventListener('message', function(event) {
  console.log(event.data); // 在控制台输出服务器发送的消息
});
source.addEventListener('open', function(event) {
  console.log('SSE 连接已经打开!'); // 在控制台输出连接已经打开的消息
});
source.addEventListener('error', function(event) {
  if (event.eventPhase === EventSource.CLOSED) {
    console.log('SSE 连接已经关闭。'); // 在控制台输出连接已经关闭的消息
  } else {
    console.log('发生了未知错误。'); // 在控制台输出发生了未知错误的消息
  }
});

以上代码将会创建一个 EventSource 对象来与服务器建立 SSE 连接,并通过 addEventListener 方法监听 messageopenerror 事件来处理服务器发送的消息、连接的打开和关闭以及连接发生的错误。当服务器向客户端发送一条消息时,在控制台将会输出这条消息的内容。