正在加载...

HTML SSE

SSE 经 HTTP 从服务器向浏览器推文本流。

直接回答

EventSource 监听 message。单向;双向用 WebSockets。

EventSource on a page

html
HTML Code
<script>
const es = new EventSource("/events");
es.onmessage = (e) => {
console.log("update", e.data);
};
es.onerror = () => console.log("SSE error / closed");
</script>

真实 demo 需服务端 text/event-stream。

试一试

  1. 有后端时读示例
  2. 接 EventSource
  3. 打 log
  4. 分清单向/双向

常见错误

  • 当双向 socket
  • 忘 content-type

小结

  • 服务器推送
  • EventSource
  • 单向 HTTP
  • 双向 WebSockets

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己,看看你对这个主题的理解程度如何

❓
3
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部