H5 SSE

  • html
<!DOCTYPE>
<html>
  <head>
    <meta charset="UTF-8">
    <title>服务器推送时间</title>
    <script type="text/javascript">
       document.getElementsByTagName("eventsource")[0].addEventListener("data",eventHandler,false);
       function eventHandler(event){
         //Alert time sent by the server
         document.querySelector("#ticker").innerHTML = event.data;
       }
    </script>
  </head>
  <body>
    <div id="sse">
        <eventsource src="http://localhost:52871/Home/Data" />
    </div>
    <div id="ticker" name="ticker">
        [TIME]
    </div>
  </body>
</html>

  • C# 代码
 public ActionResult Index()
        {
            ViewBag.Title = "Home Page";

            return View();
        }

        public void Data()
        {
            HttpContext.Response.ContentType = "text/event-stream";
            HttpContext.Response.CacheControl = "no-cache";
            HttpContext.Response.Write("data:" + DateTime.Now + "\n\n");
            HttpContext.Response.Flush();
        }
··· 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,437评论 5 19
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 秋凉,一夜无梦,走出去,风扑面而来,如水的秋,是涤洗灵魂最好的季节。 天上的一行雁字,树上飘下的一片落叶,都让我默...
    重之阅读 2,895评论 4 2
  • 我们公司的老大脾气暴躁,骂起员工从来都是当面训斥,不留情面,每次发飙总免不了一场狂风暴雨…… 奇怪的是,我们很少有...
    007终身学习者李海青阅读 2,425评论 1 2
  • 那时青梅, 一起说好, 等我长发及肩, 你骑白马来见。 说好了的, 一起去水乡江南, 同撑一把油纸伞, 漫步长长的...
    梁格格阅读 1,755评论 0 2