使用名称为“ data：”以外的名称的SSE从服务器检索数据

Question

因此，我正在写这个基本的自定义jQuery插件，该插件将处理基于服务器发送事件的动画进度条（到目前为止：我也计划处理Websocket和Long-Polling Ajax）。

我很想知道服务器发送的数据是否有其他不同的命名方式。 到目前为止，我已经阅读到服务器必须输出如下内容：

header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
for($i = 0; $i < 100; $i++) {
    echo 'data:'.$i."\n\n"; // must be data: and not something else!
    flush();
    sleep(1);
}

因此可以使用

var stream = new EventSource('/api');
stream.onmessage = function(e) {
     console.log(e.data); // outputs $i as it is sent by server every second
}

因此，我想知道服务器发送的数据是否必须命名为data:要在客户端读取它还是可以使用其他名称？ （然后使用e.anotherName在客户端读取它）。 我不希望在服务器端创建JSON对象，因为这会使手动设置此插件变得非常复杂。

所有这些背后的目的是，为了使进度条前进，我需要一个百分比，该百分比只能通过具有服务器端$i的最大值和当前值来计算。 如果您可以想到另一种方法来获得此百分比而又不通过第一个事件输出总计，我也很想知道。

谢谢。

Answer 1

“数据：”对于SSE是强制性的，但它也支持“ id”和“ event”，这可能会对您有帮助，请检查此链接