SSE：'onmessage' 永远不会被调用

Question

我正在关注互联网上关于如何从 Javascript 监听服务器发送的事件的最简单的教程：

var es = new EventSource('url')
es.onmessage = function (e) { console.log(e.data) }

但是我的message处理程序永远不会被调用。 onopen和onerror处理程序确实被调用，Chrome 开发者工具确实显示了服务器发送的事件的一个很好的“流”视图，如果我从curl执行相同的调用，我会得到一个以正确方式很好地格式化的事件流。 可能有什么问题？

Answer 1

刚刚从本教程中意识到，您可以将事件名称与每个服务器发送的事件相关联。

当您这样做时， message侦听器将停止被调用，而您必须为您发送的每种事件设置一个新的特殊侦听器。 我是在我的服务器上这样做的。

因此，我必须做es.addEventListener("special-event-name", function () {...})而不是es.onmessage = function () {...} 。

Answer 2

这是一个最小示例，显示如何在同一 SSE 流上获取默认message事件类型和自定义事件类型。

<html lang="en">
  <body>
    <div id="payload"></div>
    <script>

      const stream = new EventSource('https://url-goes-here');

      stream.addEventListener('message', (event) => {
        document.getElementById('payload').innerText = `Received a regular message: ${event.data}`;
      }, false);

      stream.addEventListener('myEvent', (event) => {
        document.getElementById('payload').innerText = `Received a myEvent message: ${event.data}`;
      }, false);

    </script>
  </body>
</html>

SSE：'onmessage' 永远不会被调用

问题描述

2 个解决方案

解决方案1
2 已采纳 2019-08-26 01:08:59

解决方案2
0 2019-12-17 22:35:28

SSE：&#39;onmessage&#39; 永远不会被调用

问题描述

2 个解决方案

解决方案1 2 已采纳 2019-08-26 01:08:59

解决方案2 0 2019-12-17 22:35:28

SSE：'onmessage' 永远不会被调用

解决方案1
2 已采纳 2019-08-26 01:08:59

解决方案2
0 2019-12-17 22:35:28