浏览器里面要如何使用sse(Server-Sent Events)
Server-Sent Events(SSE)是一种让服务器向浏览器客户端推送实时更新的技术。在浏览器中使用SSE,通常需要通过JavaScript的EventSource对象来实现。
以下是一个基本的使用步骤:
// 创建一个新的EventSource对象,URL指向提供SSE服务的端点
var source = new EventSource('your_sse_endpoint_url');
// 当接收到服务器发送的消息时触发的事件处理器
source.onmessage = function(event) {
// event.data 包含了服务器推送的数据
console.log('Received message:', event.data);
};
// 当连接打开时触发
source.onopen = function(event) {
console.log('Connection opened');
};
// 当连接关闭或发生错误时触发
source.onerror = function(error) {
console.error('Error occurred:', error);
};
// 如果需要手动关闭连接
source.close();
在上述代码中,your_sse_endpoint_url
应替换为你的服务器提供的SSE数据流地址。服务器端会以特定格式(如"data: some-data\n\n")持续发送数据,客户端的onmessage
事件处理器就会被触发,并处理这些数据。
注意:SSE要求服务器端支持并正确设置Content-Type为"text/event-stream"。