js eventsource

// 创建一个新的 EventSource 对象，指定服务器端事件流的 URL
var source = new EventSource('server-sent-events-endpoint');

// 当接收到消息时触发此事件处理程序
source.onmessage = function(event) {
    console.log('新的消息:', event.data);
};

// 当连接打开时触发此事件处理程序
source.onopen = function(event) {
    console.log('与服务器的连接已建立');
};

// 当发生错误时触发此事件处理程序
source.onerror = function(event) {
    if (event.target.readyState == EventSource.CLOSED) {
        console.log('连接已关闭');
    } else {
        console.log('连接出错');
    }
};

// 一段时间后关闭连接
setTimeout(function() {
    source.close();
    console.log('连接已手动关闭');
}, 10000);

解释说明：

• EventSource 是一个用于接收服务器发送事件（Server-Sent Events, SSE）的对象。它允许服务器向客户端推送实时更新。
• new EventSource(url)：创建一个新的 EventSource 实例，并指定服务器端事件流的 URL。
• onmessage：当服务器发送消息时触发，可以通过 event.data 获取消息内容。
• onopen：当与服务器的连接成功建立时触发。
• onerror：当连接发生错误或被关闭时触发。
• source.close()：可以手动关闭与服务器的连接。