html5：服务器事件推送（server-sent events）Asp.net

最新推荐文章于 2023-01-13 16:07:49 发布
最新推荐文章于 2023-01-13 16:07:49 发布
阅读量830 收藏
点赞数
页面代码

<!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 id="result">
        </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;
            }
        }
    }
}
    



tzstzstzs
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用.NET Remoting从服务器主动发出事件通知客户端远程广播
11-14
使用.NET Remoting从服务器主动发出事件通知客户端（远程广播） 经常看见有人问：使用.NET Remoting如何从服务器主动发出事件通知客户端？的确，初接触.NET Remoting的人多半会有这样的疑问，因为大部分的文章和书籍在介绍.NET Remoting时都只介绍了通道，对象，激活和生存周期等等概念，在谈到如何进行远程通信的时候，都只告诉读者如何从客户端激活一个服务器对象然后传递参数调用其方法。所以很多读者都不太清楚如何从服务器向客户端广播信息，甚至有很多人认为跟WEB服务器不能主动发送信息到浏览器一样，.NET Remoting同样也不能这么做，只能采用"客户端发出请求->服务器回复响应"这种简单的通讯模式，以至于在需要服务器对客户端广播信息时设计出两端都放上Server和Client对象的复杂架构，既麻烦又容易出错。 其实.NET Remoting远程处理完全支持事件驱动的编程和使用同步和异步委托的回调函数。在.NET Remoting中你可以方便的采用事件注册远程回调函数，并方便的利用这种机制将服务器端信息广播到客户端。
HTML5 服务器发送事件(Server-Sent Events)
12-13
Server-Sent Events是HTML5引入的一个强大特性，它简化了实时数据推送的实现，减少了不必要的网络通信，提高了实时应用的效率。对于需要实时更新的Web应用，Server-Sent Events是一个理想的选择。
asp.net 服务器推送(Server Push)
kogu的博客
04-10 9941
在以往的和服务器端通信技术中，我们多数使用的是AJAX轮询式访问，也就是在Javascript中控制时间间隔，然后每隔一段时间就访问一次服务器，然后获得数据或通知。但是这种轮询方式的访问有90%是在做无用功。  　　要想长时间保持服务器和浏览器之间的连接怎么办？长连接技术，这可不是什么新技术，用IFrame作为隐藏帧指向长请求页面的方法早已被很多人运用在互联网上，但是IFrame作为隐藏帧有
Server-Sent Events 教程（转载）
Super_LD的博客
09-21 406
Server-Sent Events 教程 分享按钮 作者：阮一峰 日期：2017年5月27日 服务器向浏览器推送信息，除了WebSocket，还有一种方法：Server-Sent Events（以下简称 SSE）。本文介绍它的用法。 一、SSE 的本质 严格地说，HTTP 协议无法做到服务器主动推送信息。但是，有一种变通方法，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。 也就是说，发送的不是一次性的数据包，而是一个数据流，会连续不断地发送过来。这时，客户端...
基于ASP.NET Core api 的服务器事件发送
寒冰屋的专栏
02-23 1139
现如今程序员对Web API的调用已经是轻车熟路。但是传统的api调用都是拉模式，也就是主动发起请求去调用一个api. 但是程序员往往对另一种很有用的模式很陌生，即推模式。 拉模式 - 主动调用并获取结果的模式。 推模式 - 订阅并接受数据推送的模式。 今天要介绍的是一个被大家忽略但却非常有用的一项技术。
Asp.NET MVC中使用SignalR实现推送功能
10-21
除了WebSockets之外，SignalR还支持其他一些技术，如长轮询（Long Polling）和服务器发送事件（Server-Sent Events），这些技术帮助SignalR能够在不支持WebSockets的旧版浏览器上工作。 SignalR的核心包括两个主要...
.net 服务器推送
01-23
在C# .NET环境中实现服务器推送，有多种方法，如WebSocket、SignalR、Server-Sent Events (SSE)等。下面将详细介绍这些技术： 1. WebSocket： WebSocket提供全双工通信，允许服务器和客户端双向传输数据。在C#中，...
asp.net mvc实现简单的实时消息推送
10-21
SignalR支持多种传输机制，包括WebSocket、Forever Frame、Server-Sent Events (SSE) 和 Long Polling，以确保在不同浏览器和服务器环境中提供最佳的实时通信。 1. **SignalR基本概念**： - **Hub**：在SignalR中...
asp.net core 使用SignalR推送消息
最新发布
08-23
在本文中，我们将深入探讨如何使用ASP.NET Core SignalR来实现两个关键功能：简单在线聊天功能以及定向推送消息给指定用户。 首先，让我们理解SignalR的基本概念。SignalR是一个用于实时Web应用的库，支持WebSocket...
HTML5 事件推送Server-Sent Events
Mr.ShyZhang趟过的前端“小路坑”
06-11 414
HTML5 服务器发送事件(Server-Sent Events)服务器发送事件（Server-sent Events）是基于 WebSocket 协议的一种服务器向客户端发送事件和数据的单向通讯。HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。Server-Sent 事件 - 单向消息传递Server-Sent 事件指的是网页自动获取来自服务器的更新...
基于Server-Sent Events实现服务端消息推送
素履独行 | 元培的个人博客
02-22 4772
前段时间，为客户定制了一个类似看板的东西，用户可以通过看板了解任务的处理情况，通过APP扫面页面上的二维码就可以领取任务，而当任务被领取以后需要通知当前页面刷新。原本这是一个相对简单的需求，可是因为APP端和PC端是两个不同的Team在维护，换句话说，两个Team各自有一套自己的API接口，前端页面永远无法知道APP到底什么时候扫描了二维码，为此前端页面不得不通过轮询的方式去判断状态是否发生了变化...
HTML5 服务器推送事件（Server-sent Events）实战开发
lili518的博客
05-06 224
http://blog.csdn.net/u011627980/article/details/51362799 html5 http://wiki.jikexueyuan.com/project/html5/sse.html
实现基于事件通知的.Net套接字
yzx110的专栏
05-19 1518
以前学过MFC,我用过的它里面的包装Winsock的两个类CSocket和CAsyncSocket,我一直觉得它哪个事件通知的功能比较不错，特别是在连接的两方收发数据没有一定的规律的时候比较有用，虽然不用它的事件通知也可以实现功能，但是你需要循环检测套接字的状态或者阻塞等待，如果每次都要做这些琐碎的工作岂不是很麻烦，于是我就想对这些功能作一次封装。当然在.net里面采用delegate和event
19.服务器发送事件Server-Sent Events
qq_43966202的博客
01-13 343
Server-Sent Events
服务端推送技术 Server-sent Events 快速上手
码农小胖哥
08-22 3532
1. 前言 今天项目经理交给我一个开发任务。如果有人下了订单就给后台一个通知，也就是服务器推送功能。这个需求不是很复杂就一个通知功能，如果我用websocket来做还要搞个websocket服务器，而且还有不少配置。websocket是全双工通信，单向通信简直是杀鸡用牛刀。用轮询吧，浪费服务器资源不说，还不一定实时，订单处理慢了岂不是怠慢了客户。有没有别的选择呢？当然有！ 2. SSE推送技术...
【SignalR全套系列】之在.Net Core 中实现Server-Send Events消息推送
dotNET跨平台
05-29 726
微信公众号：趣编程ACE关注可了解更多的.NET日常开发技巧，如需源码 请公众号留言 源码;如果觉得本公众号对你有帮助，欢迎关注【SignalR全套系列】之在.Net Core 中实现Server-Send Events消息推送1.前文链接：【SignalR全套系列】之在.NetCore中实现WebSocket双工通信2.简介：严格来说，HTTP协议无法做到服务器主动推送...
Server-Sent Events demo
06-09
以下是一个基本的Server-Sent Events示例： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>Server-Sent Events Demo</title> <meta charset="UTF-8"> </head> <body> <div id="sse"> <h1>Server-Sent Events Demo</h1> </div> <script> if(typeof(EventSource)!=="undefined") { var source = new EventSource("demo_sse.php"); source.onmessage = function(event) { document.getElementById("sse").innerHTML += event.data + "<br>"; }; } else { document.getElementById("sse").innerHTML = "Sorry, your browser does not support server-sent events..."; } </script> </body> </html> ``` PHP代码： ``` <?php header('Content-Type: text/event-stream'); header('Cache-Control: no-cache'); $time = date('r'); echo "data: The server time is: {$time}\n\n"; flush(); ?> ``` 在上面的示例中，HTML页面通过JavaScript创建一个新的EventSource对象，该对象连接到一个名为“demo_sse.php”的PHP文件。PHP文件发送一个包含服务器时间的数据消息，并在每次发送消息后进行缓冲刷新，以确保消息立即传输给客户端。在HTML页面中，每当从服务器接收到新的消息时，将其添加到页面中的“sse”元素中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值