【Qt】使用Qt实现Web服务器(八):SSE ( Server-sent Events )

1、简述

SSE ( Server-sent Events )是 WebSocket 的一种轻量代替方案,使用 HTTP 协议。
SSE 是单向通道,只能服务器向客户端发送消息,如果客户端需要向服务器发送消息,则需要一个新的 HTTP 请求。
WebSocket 是全双工通道,可以双向通信。
在这里插入图片描述

2、效果

在界面上不停的刷新服务器传到浏览器的数据,如下图红框中的数据:
在这里插入图片描述

3、源码

3.1 index.html

下面使用js的两个方法来实现
1)EventSource 接口是浏览器接收服务器发送事件通信的接口。
一个 EventSource 实例会对 HTTP 服务器开启一个持久化的连接,以 text/event-stream 格式发送事件,此连接会一直保持开启直到通过调用 EventSource.close() 关闭
EventHandler 属性

  • EventSource.onopen 在连接打开时被调用。
  • EventSource.onmessage 在收到一个没有 event 属性的消息时被调用。
  • EventSource.onerror 在连接异常时被调用。

只读属性

最近更新

  1. TCP协议是安全的吗?

    2024-04-02 02:20:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-02 02:20:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-02 02:20:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-02 02:20:04       20 阅读

热门阅读

  1. 纯css 实现div 或者 图片一大一小的过渡动画

    2024-04-02 02:20:04       13 阅读
  2. LeetCode //C - 436. Find Right Interval

    2024-04-02 02:20:04       14 阅读
  3. Windows下配深度学习环境

    2024-04-02 02:20:04       15 阅读
  4. docker入门

    2024-04-02 02:20:04       15 阅读
  5. python中线程与协程

    2024-04-02 02:20:04       16 阅读
  6. 微信小程序中实现埋点的方法

    2024-04-02 02:20:04       17 阅读
  7. Azure入门实践-如何创建两个虚拟网络的对等连接

    2024-04-02 02:20:04       19 阅读
  8. C++ 学习10大网站推荐(Bjarne Stroustrup)

    2024-04-02 02:20:04       18 阅读
  9. 二分查找算法刷题记录 -LC34

    2024-04-02 02:20:04       13 阅读
  10. Linux 服务service(一)

    2024-04-02 02:20:04       17 阅读
  11. Nginx: proxy_set_header 与 add_header 区别

    2024-04-02 02:20:04       16 阅读