向服务端征询，客户端实时获得数据

WebSocket 和 EventSource：技术比较

WebSocket 和 EventSource 都是实现服务端推送的常用技术，但它们之间存在一些关键差异。WebSocket 是全双工通信，这意味着客户端和服务端都可以发送和接收消息。EventSource 是单工通信，只能从服务端接收消息。

WebSocket 使用 TCP 作为底层协议，而 EventSource 使用 HTTP 作为底层协议。这导致 WebSocket 具有更高的性能和更低的延迟，但实现起来也更加复杂。EventSource 相对简单，但性能和延迟方面不如 WebSocket。

选择 WebSocket 还是 EventSource

在选择 WebSocket 还是 EventSource 时，需要考虑以下因素：

• 性能和延迟： 如果需要高性能和低延迟，请选择 WebSocket。如果性能和延迟不是关键因素，则可以使用 EventSource。
• 复杂性： 如果需要简单易用的解决方案，请选择 EventSource。如果需要更灵活和可扩展的解决方案，请选择 WebSocket。
• 支持性： 大多数现代浏览器都支持 WebSocket 和 EventSource。但是，一些较旧的浏览器可能不支持 WebSocket。

使用 WebSocket 实现服务端推送

WebSocket 的实现相对复杂，需要使用 WebSocket 库或 API。常见的 WebSocket 库包括 Socket.IO、SockJS 和 Faye。

以下是一个使用 WebSocket 实现服务端推送的示例：

// 创建 WebSocket 连接
var socket = new WebSocket("ws://localhost:8080");

// 监听 WebSocket 连接成功事件
socket.onopen = function() {
  console.log("WebSocket connection established.");
};

// 监听 WebSocket 收到消息事件
socket.onmessage = function(event) {
  console.log("Received message from server:", event.data);
};

// 监听 WebSocket 连接关闭事件
socket.onclose = function() {
  console.log("WebSocket connection closed.");
};

// 发送消息到服务器
socket.send("Hello from client!");

使用 EventSource 实现服务端推送

EventSource 的实现相对简单，可以使用 EventSource API。

以下是一个使用 EventSource 实现服务端推送的示例：

// 创建 EventSource 对象
var eventSource = new EventSource("http://localhost:8080/sse");

// 监听 EventSource 连接成功事件
eventSource.onopen = function() {
  console.log("EventSource connection established.");
};

// 监听 EventSource 收到消息事件
eventSource.onmessage = function(event) {
  console.log("Received message from server:", event.data);
};

// 监听 EventSource 连接关闭事件
eventSource.onclose = function() {
  console.log("EventSource connection closed.");
};

结论

WebSocket 和 EventSource 都是实现服务端推送的有效技术。WebSocket 具有更高的性能和更低的延迟，但实现起来更加复杂。EventSource 相对简单，但性能和延迟方面不如 WebSocket。在选择 WebSocket 还是 EventSource 时，需要考虑性能、延迟、复杂性和支持性等因素。