关于js实现SSE的简单实践

最新推荐文章于 2025-04-24 12:00:01 发布

RyoHo2015

最新推荐文章于 2025-04-24 12:00:01 发布

阅读量4.4k

点赞数

分类专栏： js 文章标签： Go Javascript SSE

本文链接：https://blog.csdn.net/RyoHo2015/article/details/50699653

版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用Go作为服务器端，JavaScript作为客户端来实现Server-Sent Events（SSE）。SSE是一种简单的服务器向浏览器推送实时更新的技术，虽然HTML5兼容性有限，但其便利性不容忽视。在实践中，服务器端Go代码需要设置特定的HTTP头，并以"data:"开头的数据发送时间戳；而JavaScript通过EventSource对象接收并处理这些事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看了服务器推送，了解除了服务器轮询和websocket外还有一样东西叫做SSE（Server Send Event），非常好用而且简单。不过是个HTML5才支持的方法，兼容性方面打了折扣。不过的确是一种比较实用的技术。

直接贴代码，服务器用go，网上很多是用php的，对php不愿学的飘过...

有些坑先说说：

1、服务器端返回的内容一定要“data:”开头，api要求这样也没有什么好说的。

2、返回内容最后要两个换行 "\n\n"或者"\r\n\r\n"。如果不加换行也接收不了消息。

服务器go代码：

package main
import (
"net/http"
"log"
"fmt"
"time"
)
func jsonResponseHandler(w http.ResponseWriter,r *http.Request){
w.Header().Set("Access-Control-Allow-Origin", "*")//允许访问所有域
w.Header().Add(`Access-Control-Allow-Headers`,`Content-Type`)//header的类型
w.Header().Set(`Content-Type`,`text/event-stream;charset=utf-8`)//返回数据格式是json
w.Header().Set("Cache-Control","max-age=0")
//w.Header().Set(`Transfer-Encoding`,`identity`)
fmt.Fprintf(w,"data:"+time.Now().Format("2006-01-02 15:04:05")+"\n\n")
fmt.Println("data:"+time.Now().Format("2006-01-02 15:04:05"))

}
func main() {
http.HandleFunc("/",jsonResponseHandler)
err := http.ListenAndServe(":9091",nil)

if err!=nil{
log.Fatal("ListenAndServe:",err)
}
}