js请求text-scream类型数据SSE方法

最新推荐文章于 2024-06-27 12:42:29 发布

山重水复疑无路

最新推荐文章于 2024-06-27 12:42:29 发布

阅读量249

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_39933787/article/details/139288034

版权

nodejs模拟服务

server.js 【启动命令：node server.js】

var http = require("http");

http.createServer(function(req, res) {
    if(req.url === '/createSse') {
        res.writeHead(200, {
            "Content-Type": "text/event-stream",
            "Cache-Control": 'no-cache',
            "Connection": 'keep-alive',
            "Access-Control-Allow-Origin": '*'
        })
        res.write('retry: 10000\n')
        res.write("event: connecttime\n");
        res.write("data: " + (new Date()) + "\n\n");

        const interval = setInterval(function() {
            res.write("data: " + (new Date()) + "\n\n");
        }, 3000)
        req.connection.addListener("close", function () {
            clearInterval(interval);
        }, false);
    }
}).listen(9988, '127.0.0.1')

服务调用

const sseTest = () => {
  var source = new EventSource("http://127.0.0.1:9988/createSse");
  source.onopen = function (event) {
    console.log('onopen===',event);
  };
  // 连接创建失败的回调事件
  source.onerror = function (event) {
    console.log('onerror===',event);
  };
  // 自定义事件，服务端返回时设置event字段为自定义事件名称
  source.addEventListener("connecttime",
    function (event) {
      console.log('connecttime===',event);
    },
    false
  );

  // 接受到数据的回调事件，event未特殊设置时，默认是message
  source.onmessage = function (event) {
    console.log('onmessage===',event);
  };

}

参考【Server-Sent Events 教程 - 阮一峰的网络日志】