HTML5中新加了EventSounce对象，实现即时推送功能，可以从下面连接中学习，

http://www.kwstu.com/ArticleView/kwstu_201408290647460932

http://www.cnblogs.com/goody9807/p/4257192.html

http://www.cnblogs.com/winhu/p/3435262.html?utm_source=tuicool&utm_medium=referral

但最后发现，这种号称由服务器主动推送也不完全准确，比如：

 var es = new EventSource("/Home/GetDate");

    es.onopen = function (e) {

        document.getElementById("state").innerHTML=("正在连接....")

    }

    es.onmessage = function (e) {

        document.getElementById("state").innerHTML=("已连接")

        $("#msg").append(e.data);

    };

    es.addEventListener('myevent', function (e) {

        document.getElementById("state").innerHTML=("出错???? ");

        console.log(e.data);

    });

    $(function () {

        $("#btn").click(function () {

            $.post("/Home/Set", null, function (date) {

                alert(date);

            });

        });

    })

    </script></head>

<body>

    <button id="btn">改变值</button>

    <div>

        状态：<div id="state"></div>

        消息：<div id="msg"></div>

    </div>

</body>
 　　　　public string value { get; set; }

        public void GetDate()

        {

            try

            {

                var data = GetData();

                HttpContext.Response.ContentType = "text/event-stream";

                HttpContext.Response.CacheControl = "no-cache";

                HttpContext.Response.Write("data:" + data + "\n\n");

                HttpContext.Response.Flush();

                Thread.Sleep();

            }

            catch (Exception)

            {

            }

        }

        private object GetData()

        {

            return this.value;

        }

        public ActionResult Set()

        {

            Random r = new Random();

            this.value = r.Next()+"";

            return Content("ok");

        }

上面实际运行时，每隔几秒客户端浏览器就会向服务器发出连接，就会把服务器value值返回到网页上，其实value值没有发生变化，一般不变的情况我们是不需要在网页中显示的，也就是不做处理，但每次隔几秒就连接服务器会不会消耗资源，带来浪费，这种好像也不是服务器主动推送数据吧，如果对GetDate函数做一改动，如下，增加while循环就成了长轮训了，长时间与客户端保持连接，但从客户端改变value值总是不成功，可能是能力不够，但到现在我也没想出好办法，HTML5的EventSource到底是如何使用还需要时间研究.....

 public void GetDate()

        {

            try

            {

                HttpContext.Response.ContentType = "text/event-stream";

                HttpContext.Response.CacheControl = "no-cache";

                while (true)

                {

                    var data = GetData();

                    HttpContext.Response.Write("data:" + data + "\n\n");

                    HttpContext.Response.Flush();

                    Thread.Sleep();

                }

            }

            catch (Exception)

            {

            }

        }

SSE：服务器发送事件,使用长链接进行通讯 基础学习的更多相关文章

  1. SSE：服务器发送事件,使用长链接进行通讯

    概述 传统的网页都是浏览器向服务器“查询”数据,但是很多场合,最有效的方式是服务器向浏览器“发送”数据.比如,每当收到新的电子邮件,服务器就向浏览器发送一个“通知”,这要比浏览器按时向服务器查询(po ...

  2. 转:SSE：服务器发送事件

    原文来自于:http://javascript.ruanyifeng.com/htmlapi/eventsource.html 目录 概述 客户端代码 概述 建立连接 open事件 message事件 ...

  3. 关于HTML5服务器发送事件(SSE)

    最近在看 W3School 上关于 HTML 5 的教程.在看到 HTML 5 服务器发送事件 ( SSE, server-sent event ) 时,没怎么弄明白示例代码是怎么回事,寻找其他教程, ...

  4. HTML5支持服务器发送事件(Server-Sent Events)-单向消息传递数据推送（C#示例）

    传统的WEB应用程序通信时的简单时序图: 现在Web App中,大都有Ajax,是这样子: HTML5有一个Server-Sent Events(SSE)功能,允许服务端推送数据到客户端.(通常叫数据 ...

  5. HTML 5 服务器发送事件

    接收 Server-Sent 事件通知 EventSource 对象用于接收服务器发送事件通知: 实例 var source=new EventSource("demo_sse.php&qu ...

  6. 【HTML5】Server-Sent服务器发送事件

    Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新. 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新.通过服务器发送事件,更新能 ...

  7. HTML5学习(十一)---服务器发送事件

    参考教程:http://www.w3school.com.cn/html5/html_5_serversentevents.asp HTML5 服务器发送事件(server-sent event)允许 ...

  8. HTML5 服务器发送事件(Server-Sent Events)介绍

    w3cschool菜鸟教程 Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新. 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新 ...

  9. HTML5 总结-服务器发送事件-9

    HTML 5 服务器发送事件 HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新. Server-Sent 事件 - 单向消息传递 Server-Sent 事 ...

随机推荐

  1. 自己用原生JS写的轮播图，支持移动端触屏滑动，面向对象思路。分页器圆点支持click和mouseover。

    自己用原生javascript写的轮播图,面向对象思路,支持移动端手指触屏滑动.分页器圆点可以选择click点击或mouseover鼠标移入时触发.图片滚动用的setInterval,感觉setInt ...

  2. Java基础——NIO（二）非阻塞式网络通信与NIO2新增类库

    一.NIO非阻塞式网络通信 1.阻塞与非阻塞的概念  传统的 IO 流都是阻塞式的.也就是说,当一个线程调用 read() 或 write() 时,该线程被阻塞,直到有一些数据被读取或写入,该线程在 ...

  3. C#调用c++类的导出函数

    C# 需要调用C++东西,但是有不想做成COM,就只好先导出类中的函数处理. 不能直接调用,需单独导出函数 参考:http://blog.csdn.net/cartzhang/article/deta ...

  4. 成都Uber优步司机奖励政策（1月30日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  5. 【转载】SOCKS代理：从***到内网漫游

    原文:SOCKS代理:从***到内网漫游 本文原创作者:tahf,本文属FreeBuf原创奖励计划,未经许可禁止转载 之前在Freebuf上学习过很多大牛写的关于Tunnel.SOCKS代理.***等 ...

  6. P2351 [SDOi2012]吊灯

    P2351 [SDOi2012]吊灯 https://www.luogu.org/problemnew/show/P2351     题意: 一棵树,能否全部分成大小为x的联通块. 分析: 显然x是n ...

  7. spring源码-开篇

    一.写博客也有一段时间了,感觉东西越来越多了,但是自己掌握的东西越来越少了,很多时候自己也在想.学那么多东西,到头来知道的东西越来越少了.是不是很奇怪,其实一点都不奇怪. 我最近发现了一个很大的问题, ...

  8. Spring的cache缓存介绍

    从3.1开始,Spring引入了对Cache的支持.其使用方法和原理都类似于Spring对事务管理的支持.Spring Cache是作用在方法上的,其核心思想是这样的:当我们在调用一个缓存方法时会把该 ...

  9. VIN码识别/车架号OCR识别：快速占领汽车后市场数据入口

    大数据时代,企业在数据入口方面的竞争越来越激烈,这种对于入口级的大数据“争夺战”,让很多企业在数据挖掘和收集的技术方面开始加快更新速度. 在当前IT行业激烈竞争环境之下,对于入口产品的控制成为了大数据 ...

  10. Linux命令应用大词典-第9章 数字计算

    9.1 bc:任意精度的计算器 9.2 dc:一个任意精度的计算器 9.3 expr:将表达式的值打印到标准输出 9.1 bc:任意精度的计算器 9.2 dc:一个任意精度的计算器 9.3 expr: ...