NodeJS Express 中建立html5的server-sent event服务端

1、客户端代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Server-Sent</title>
</head>

<body>
<div id="result"></div>

<!--js-->
<script>
var source = new EventSource('/source.interface'); //数据接口
source.onmessage = function(event){
    document.getElementById('result').innerHTML += event.data + '<br>';
    }
</script>
</body>
</html>

2、Nodejs背景代码

var express = require('express');
var router = express.Router();

router.get('source.interface', function(req, res, next){
    res.setHeader('Content-Type', 'text/event-stream');
    res.setHeader('Cache-Control', 'no-cache');
    res.send('data:' + new Date() + '\n\n'); //背面必需带有'\n\n',不然不会触发
    });

参考:
http://javascript.ruanyifeng….

    原文作者:sourcenode
    原文地址: https://segmentfault.com/a/1190000017750282
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞