javascript - 服务器发送事件 EventStream 不会触发“onmessage”，但 Chrome Debug 在“EventStream”选项卡中显示数据

Question

我将 SSE 与内置的 JavaScript 逻辑 EventStream 一起使用。在onopen返回成功结果时，onmessage回调不起作用。奇怪的是，在 Chrome 中的EventStream选项卡中，数据结果按我的预期列出。

这是我的 EventSource 的 JS 片段

var eventSource;
  $(function () {
    eventSource  = new EventSource('get/status/');

    eventSource.onopen = function () {
      console.log("Sse connection opened");
    };

    eventSource.onerror = function () {
      console.log("error occured");
    };

    eventSource.onmessage = function (event) {
      console.log("received");
    };

  });

如您所见，有数据正在发出，但从onmessage未被触发。有人可以向我解释这种行为吗？

编辑：onopen并onerror做这两个工作。

Answer 1

根据屏幕截图，您的事件流包含类型的事件"foo"，而不是"message"。这只是默认类型（event事件流中没有字段）。从规格：

5. 将事件的类型属性初始化为message, […]

6. 如果事件类型缓冲区的值不是空字符串，则将新创建的事件的类型更改为等于事件类型缓冲区的值。

在这里，您应该将侦听器设置为侦听"foo"事件：

eventSource.addEventListener("foo", function() {...})