使用sse.js实时获取服务端数据流(Server-Sent Events)
以下是一个使用EventSource
接收服务器发送事件(SSE)的示例代码:
// sse.js
if (typeof EventSource === "undefined") {
console.error("Your browser does not support server-sent events natively.");
} else {
const source = new EventSource("path/to/your/sse/endpoint");
source.onopen = function (event) {
console.log("Connection to server opened.");
};
source.onmessage = function (event) {
console.log("Message received: ", event.data);
};
source.onerror = function (event) {
console.error("Error occurred:", event);
};
}
在这个例子中,我们首先检查浏览器是否支持EventSource
。如果支持,我们创建一个新的EventSource
实例,指向服务器上的SSE端点。然后,我们为这个实例添加了几个事件处理函数:
onopen
:当连接开启时触发。onmessage
:当从服务器接收到新的数据时触发。onerror
:当发生错误时触发。
请确保替换"path/to/your/sse/endpoint"
为您的服务器端SSE服务的实际URL。
评论已关闭