• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

html5:服务器事件推送(server-sentevents)Asp.net

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

支持


不支持IE

个人理解说明


个人理解:这种消息推送方式不太推广,原因有以下三点~~~`我怎么老是学这些自己认为不会推广的东西呢~汗

  • 在.net中,framework4.5以上就可以由SignalR来实现消息推送。

  • 而这种h5的消息推送,是页面基于WebSocket不断轮训后台才打到目的,本质和Ajax设置定时器不断轮训一个道理,推广还有待考察。

  • 由于IE的不支持 你懂的~如果要实现IE的支持,需要采用其他的方式:XDomainRequest代替XMLHttpRequest。具体参考http://www.ibm.com/developerworks/cn/web/1307_chengfu_serversentevent/


页面代码


<!DOCTYPE html >
<html>
<head lang="zh-CN">
    <title></title>
    <script type="text/javascript">
        window.onload = EventPush;
        function EventPush() {
            if (typeof EventSource != "undefined") {
                var source = new EventSource("MsgPush.ashx");
                //e.data在onopen事件里是undefined
                source.onopen = function (e) {
                    document.getElementById("result").innerHTML += "<br/>" + "onopen" + "<br/>";
                };
                source.onmessage = function (e) {
                    document.getElementById("result").innerHTML += "onmessage" + e.data + "<br/>" + e.target.url + "<br/>" + e.target.readyState + "<br/>";
                };
                //e.data在onerror事件里是undefined 
                source.onerror = function (e) {
                    document.getElementById("result").innerHTML += "onerror" + "<br/>"; 
                };

            }
            else {
                document.getElementById("result").innerHTML = "不支持您老的浏览器~"
            }
        }
    </script>
</head>
<body>
    <div >
        </div>
</body>
</html>

Asp.net 一般处理程序


using System;
using System.Web;
namespace accortion
{
    /// <summary>
    /// MsgPush 的摘要说明
    /// </summary>
    public class MsgPush : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            //设置类型 
            context.Response.ContentType = "text/event-stream";
            //Provisional headers are shown
            //Accept:text/event-stream
            //Cache-Control:no-cache
            //context.Response.Headers.Set("Cache-Control", "no-cache"); //这种不行
            
            //禁止页面缓存的可行2种形式
            context.Response.Cache.SetNoStore();//Cache-Control:private, no-store//可以
            // TimeSpan TS = new TimeSpan(0);
            // context.Response.Cache.SetMaxAge(TS);//Cache-Control:private, max-age=0//可以
            string time = "data:" + DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss") + "\n\n";//数据前面必须以data:开头,后面必须有两个换行
            context.Response.Write(time);
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}
    

参考


http://www.ibm.com/developerworks/cn/web/1307_chengfu_serversentevent/
https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events
http://www.codeguru.com/csharp/csharp/cs_internet/displaying-real-time-data-using-html5-and-asp.net.htm


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Static files in ASP.NET Core - ASP.NET Core中的静态文件处理(链接)发布时间:2022-07-10
下一篇:
ASP.NET 邮件发送 System.Net.Mail发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap