连接利用Response.Flush和iframe实现”服务器推”技术
利用Response.Flush和iframe实现”服务器推”技术
通过在HTML页面里陷入一个隐藏的iframe然后将这个iframe的src属性设为对一个长连接的请求利用chunked传输response 服务器端就能源源不断地往客户推送数据。
基于流方式的”服务器推”模型
服务端在接到客户端的请求时通过Response的Flush()方法发送数据可以使用定时器的方式发送数据没有数据也发送”无数据” ,让客户端保持长连接直至客户端断开连接请求结束。每次数据传送不会关闭连接连接只会在通信出现错误时或是连接重建时关闭一些防火墙常被设置为丢弃过长的连接 服务器端可以设置一个超时时间 超时后通知客户端重新建立连接并关闭原来的连接 。
实现代码
页面Default.aspx用来展示数据
1: 数据列表 o<br />
2: <div id="con" style=" width:400; height:200px; border: 1pxsolid #FF0">
3: </div>
4: <iframe id="flush" src="Flush.aspx" style=" display:none" />
5:ifame的src对应的Flash.aspx后台代码模拟后台发送数据
1: protected void Page_Load(object sender, EventArgs e)
2: {
3: string startHTML = "<!DOCTYPE HTML PUBLIC \"-//W3C//DTDXHTML 1.0 Transitional//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">" +Environment.NewLine
4: + "<html xmlns=\"http://www.w3.org/1999/xhtml\" >" +Environment.NewLine
5: + "<head>" + Environment.NewLine
6: + "</head>" + Environment.NewLine
7: + "<body>" + Environment.NewLine;
8:
9: startHTML += new String(' ' , 1024) + Environment.NewLine;
10:
11: Response.Write(startHTML) ;
12: Response.Flush() ;
13:
14: string data = "<scripttype=\"text/javascript\">parent. $('#con' ) .append(\"{0}\") ;</script>";
15: Response.Write(string.Format(data, "开始发送数据<br/>") ) ;
16: Response.Flush() ;
17:
18: int index = 0;
19: while (true)
20: {
21: System.Threading.Thread.Sleep(2000) ;
22: if (index % 2 == 0)
23: {
24: Response.Write(string.Format(data,
DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss") + "服务端发送数据<br/>") ) ;
25: }
26: else
27: {
28: Response.Write(string.Format(data,
DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss") + "无数据发送<br/>") ) ;
29: }
30: Response.Flush() ;
31:
32: index++;
33: }
34: }
35:
运行Default.aspx的结果
使用iframe请求一个长连接有一个很明显的不足之处 IE、 MorzillaFirefox下端的进度栏都会显示加载没有完成而且IE上方的图标会不停的转动表示加载正在进行刷新当前页面反应也是会很慢。
解决IE的进度栏显示加载没有完成可以使用一个称为“htmlfile”的ActiveX是Google的天才们使用的方法该控件也被用到gmail+gtalk产品中。
修改Default.aspx的页面代码
1: 数y据Y列D表í o<br />
2: <div id="con" style=" width:400; height:200px; border: 1pxsolid #FF0">
3: </div>
4: <script type="text/javascript">
5: function getData(d)
6: {
7: $("#con") .append(d) ;
8: }
9:
10: function rpc_iframe() {
11: var transferDoc = new ActiveXObject("htmlfile") ;
12: transferDoc.open() ;
13: transferDoc.write("<html>")
14: transferDoc.write("<div><iframesrc=\"Flush.aspx\"></iframe></div>") ;
15: transferDoc.close("</html>") ;
16: transferDoc.parentWindow.getData = getData;
17: setInterval (function () { } , 10000) ; //不加这句会使连接断开
18: }
19:
20: rpc_iframe() ;
21: </script>
22:
修改Flush.aspx.cs代码
1: //string data = "<scripttype=\"text/javascript\">parent. $('#con' ) .append(\"{0}\") ;</script>";
2: string data = "<scripttype=\"text/javascript\">parent.getData(\"{0}\") ;</script>";
3:
Tag标签: Comet,服务器推,Response.Flush, iframe,htmlfile
- 连接利用Response.Flush和iframe实现”服务器推”技术相关文档
- existresponse.flush
- Redirectsresponse.flush
- TRUEresponse.flush
- Escutcheonresponse.flush
- response.flushresponse.buffer=true | response.buffer=? |是什么？
- response.flushResponse.Redirect 下载
腾讯云轻量服务器两款低价年付套餐 2核4GB内存8M带宽 年74元
昨天，有在"阿里云秋季促销活动 轻量云服务器2G5M配置新购年60元"文章中记录到阿里云轻量服务器2GB内存、5M带宽一年60元的活动，当然这个也是国内机房的。我们很多人都清楚备案是需要接入的，如果我们在其他服务商的域名备案的，那是不能解析的。除非我们不是用来建站，而是用来云端的，是可以用的。这不看到其对手腾讯云也有推出两款轻量服务器活动。其中一款是4GB内存、8M带宽，这个比阿里云还要狠。这个真...
TabbyCloud周年庆&七夕节活动 美國INAP 香港CN2
TabbyCloud迎来一周岁的生日啦！在这一年里，感谢您包容我们的不足和缺点，在您的理解与建议下我们也在不断改变与成长。为庆祝TabbyCloud运营一周年和七夕节，TabbyCloud推出以下活动。TabbyCloud周年庆&七夕节活动官方网站：https://tabbycloud.com/香港CN2: https://tabbycloud.com/cart.php?gid=16购买链...
licloud：$39/月，香港物理服务器，30M带宽，e3-1230v3/16G内存/1T硬盘
licloud官方消息：当前对香港机房的接近100台物理机(香港服务器)进行打折处理，30Mbps带宽，低至不到40美元/月，速度快，性价比高，跑绝大多数项目都是绰绰有余了。该款香港服务器自带启动、关闭、一键重装功能，正常工作日内30~60分钟交货（不包括非工作日）。 官方网站：https://licloud.io 特价香港物理服务器 CPU：e3-1230v2（4核心、8线程、3.3GH...
-
支持ipad支持ipad请仔细阅读在本报告尾部的重要法律声明eacceleratoreaccelerator.shm_size设置多少合适呢？iphonewifi苹果手机怎么wi-fi共享联通版iphone4s苹果4S移动版和联通版有什么不同迅雷下载速度为什么现在迅雷下载的速度比原来慢得多？迅雷雷鸟100+怒放手机是迅雷做的么？迅雷之前不是出了一款雷鸟手机么？联通合约机iphone5联通苹果5合约机套餐费点击安卓4