AJAX实时实时通知

// 客户端代码
const socket = new WebSocket('ws://example.com/notifications');

socket.onopen = function(e) {
  console.log('Connection established');
};

socket.onmessage = function(event) {
  console.log('Message from server:', event.data);
  // 更新页面内容
  document.getElementById('notifications').innerHTML = event.data;
};

socket.onclose = function(event) {
  if (event.wasClean) {
    console.log('Connection closed cleanly');
  } else {
    console.log('Connection died');
    // 尝试重新连接
    setTimeout(() => {
      new WebSocket('ws://example.com/notifications');
    }, 1000);
  }
};

// 客户端代码
const eventSource = new EventSource('/notifications');

eventSource.onmessage = function(event) {
  console.log('New notification:', event.data);
  // 更新页面内容
  document.getElementById('notifications').innerHTML = event.data;
};

eventSource.onerror = function() {
  console.log('EventSource failed.');
};