<!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. 51 nod 1097 拼成最小的数 思路：字符串排序

    题目: 思路:1.以字符串输入这些整数. 2.对这些字符串排序,排序规则为尽量让能让结果变小的靠前. 代码中有注释,不懂的欢迎在博客中评论问我. 代码: #include <bits\stdc+ ...

  2. Relocation 状态压缩DP

     Relocation Time Limit:1000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u Submit  ...

  3. SpringMVC上传压缩文件，解压文件，并检测上传文件中是否有index.html

    SpringMVC上传压缩文件,解压文件,并检测上传文件中是否有index.html 说明: 1.环境:SpringMVC+Spring+Tomcat7+JDK1.7 2.支持 zip和rar格式的压 ...

  4. C#打印机操作类

    using System; using System.Collections.Generic; using System.Text; namespace MacPrinter { public cla ...

  5. java类加载小记

    java类只有当创建实体或被调用时才会加载,加载时按 编码顺序 先加载static后加载普通的.static模块和static变量都是同一等级的,谁写前面就先加载谁. 在调用某个静态类的方法时,会按编 ...

  6. php 连接mysql数据库以及增删改查

    php 连接数据库 一般是用面向对象的方法,需要先创建一个对象,即造一个连接对象,然后再写sql语句,(增改查删),最后执行sql语句 其中在创建连接对象时 我们用到的是MySQLI  是不区分大小写 ...

  7. 【转载】jQuery全屏滚动插件fullPage.js

    文章转载自dowebok http://www.dowebok.com/ 原文链接:http://www.dowebok.com/77.html 简介 如今我们经常能见到全屏网站,尤其是国外网站.这些 ...

  8. VB6文件操作自定义函数合集之一

    '--与文件及文件夹操作相关的函数 '--必须引用FSO的ACTIVE OBJECT Dim strList As String '--列表串,返回文件列表 '================ '-- ...

  9. hdu4821 String

    您也可以在我的个人博客中阅读此文章:跳转 题意 一个字符串S 问其中有几个子串能满足以下条件:1.长度为m*l2.可以被分成m个l长的不同的子串问题就变成了如何快速的判断着m个子串是否存在相同的 思路 ...

  10. Linux： 查看软件安装路径

    一．        Which 命令 Shell 的which 命令可以找出相关命令是否已经在搜索路径中. 如: [root@localhost ~]# which gcc /usr/bin/gcc ...