<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>server-sent-event</title>

</head>

<body>

<div>

<p>server-sent-event 是一种服务器向客户端发送消息的单向通信方式，采用流信息传送数据，类似视频播放，一直保持和客户端的连接，不断地发送数据。</p>

<p>SSE 使用 HTTP 协议，现有的服务器软件都支持。WebSocket 是一个独立协议。</p>

<p>SSE 属于轻量级，使用简单；WebSocket 协议相对复杂。</p>

<p>SSE 默认支持断线重连，WebSocket 需要自己实现。</p>

<p>SSE 一般只用来传送文本，二进制数据需要编码后传送，WebSocket 默认支持传送二进制数据。</p>

<p>SSE 支持自定义发送的消息类型。</p>

<script>

    if('EventSource' in window){

        console.log("支持EventSource");

        var es = new EventSource("http://localhost:3009/stream");

        es.onopen = function(){

            console.log("连接成功");

        }

        es.onmessage = function(message){   //默认是message事件，

            console.log("接收到数据",message);

        }

        es.onerror = function(err){

            console.log("error",err);

        }

        es.addEventListener("connecttime",function(event){ //监听自定义事件

            console.log('监听自定义事件',event);

        },false);

    }

</script>

</div>

</body>

</html>

　　

基于node 的服务端代码

var http = require("http");

http.createServer(function(req,res){

    console.log(req.url);

    var filename = '.'+req.url;

    if(filename==='./stream'){

        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: "  + "来自自定义事件的数据\n\n");

        res.write("data: "  + "自定义事件\n\n");

        interval = setInterval(function () {  //event 字段未设置的，默认为message事件

          res.write("data: " + (new Date()) + "\n\n");

        }, 1000);

        req.connection.addListener("close", function () {

          clearInterval(interval);

        }, false);

    }

}).listen(3009,"127.0.0.1");

console.log("server start at port 3009");

　　

server-sent-event使用流信息向客户端发送数据的更多相关文章

  1. SSH服务器与Android通信(3)--Android客户端发送数据

    Android客户端向SSH服务器发送数据主要有三种情况:通过客户端删除数据.添加数据和修改数据. 1.删除数据 先看看jsp文件里面是怎样删除数据的: <td align="cent ...

  2. C#模拟客户端发送数据示例

      在给一些客户端做服务器端支持时,发现他们提交上来的数据大都不是http请求格式,因而使用Request.Form获取不到内容,今天用C#做下模拟,并演示下数据接收. 1.发送文本 1).客户端发送 ...

  3. android socket 通讯（客户端) 发送数据

    /** ClientSocket通讯类 **/  public class ClientSocket  {     /**服务器地址*/     private String serverUrl=&q ...

  4. TCP实现多个客户端发送数据给服务器端

    SocketThread给服务端用的线程类: public class SocketThread extends Thread{ private Socket socket; public Socke ...

  5. python使用socket向客户端发送数据的方法

    在使用locust测试长连接的时候,所有的请求全部faillure了,所以想到手动写一个连接脚本测试一下是否能连通 因为centos7自带python2.7所以用python写一个比较方便. #!/u ...

  6. node中一个基本的HTTP客户端向本地的HTTP服务器发送数据

    上一篇讲到了node可以轻松的向其他请求数据. 这一篇就来讲讲向本地服务器的数据交互. HTTP服务器代码,s.js var http=require("http"); var s ...

  7. .NET客户端下载SQL Server数据库中文件流保存的大电子文件方法（不会报内存溢出异常）

    .NET客户端下载SQL Server数据库中文件流保存的大电子文件方法(不会报内存溢出异常) 前段时间项目使用一次性读去SQL Server中保存的电子文件的文件流然后返回给客户端保存下载电子文件, ...

  8. java在线聊天项目0.5版 解决客户端向服务器端发送信息时只能发送一次问题 OutputStreamWriter DataOutputStream socket.getOutputStream()

    没有解决问题之前客户端代码: package com.swift; import java.awt.BorderLayout; import java.awt.Color; import java.a ...

  9. Tomcat下conf下server.xml的文件配置信息

    Tomcat下conf下server.xml的文件配置信息,基本上不用做任何修改就可以使用,修改的地方就是host区域的一些配置,此文件设置端口为80. 注意:Tomcat配置文件中(即server. ...

随机推荐

  1. css常用属性1

    1  背景相关 背景颜色 background-color     = 颜色名称/rgb值/十六进制值 背景图片 background-image = url('') 背景图片平铺方式 backgro ...

  2. 如何从两个List中筛选出相同的值

    问题 现有社保卡和身份证若干,想要匹配筛选出一一对应的社保卡和身份证. 转换为List socialList,和List idList,从二者中找出匹配的社保卡. 模型 创建社保卡类 /** * @a ...

  3. 初始Socket编程（python）

    通信双方要有一个服务端和一个客户端,所以要分开去写代码. 所以我创建了两个py程序,第一个是服务端:iServer.py 和客户端 iClient.py 服务端: #coding:utf-8from ...

  4. 【重点突破】——使用Express创建一个web服务器

    一.引言 在自学node.js的过程中有一个非常重要的框架,那就是Express.它是一个基于NodeJs http模块而编写的高层模块,弥补http模块的繁琐和不方便,能够快速开发http服务器.这 ...

  5. js X年X周 转成 具体日期

    function getWeekDate(theyear,weekcount) { var year = theyear; var week = weekcount; if(year=="& ...

  6. Python实战之int学习笔记及简单练习

    ['__abs__', '__add__', '__and__', '__bool__', '__ceil__', '__class__', '__delattr__', '__dir__', '__ ...

  7. SqlServer和Oracle中一些常用的sql语句3 行列转换

    --217, SQL SERVER SELECT Cust_Name , MAX(CASE WHEN Order_Date ='2009-08-01' THEN AR END) "2009- ...

  8. Windows系统下八大具有高逼格的DOS命令之一【ping】

    ping命令: ping是用来检测网络是否通畅或者查询网络连接速度的一个基础命令.作为一名对计算机痴迷的爱好者来说,ping命令是需要第一个掌握的DOS命令.它所利用的原理是这样的:网络上的机器都有唯 ...

  9. 基于HTML5和WebGL的3D网络拓扑结构图

    现在,3D模型已经用于各种不同的领域.在医疗行业使用它们制作器官的精确模型:电影行业将它们用于活动的人物.物体以及现实电影:视频游戏产业将它们作为计算机与视频游戏中的资源:在科学领域将它们作为化合物的 ...

  10. 【转载】兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能

    文章转载自 代码家园 http://www.daimajiayuan.com/ 原文链接:http://www.daimajiayuan.com/sitejs-17973-1.html原文摘要: 相信 ...