连接利用Response.Flush和iframe实现”服务器推”技术

response.flush  时间:2021-04-17  阅读:()

利用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

Webhosting24:$1.48/月起,日本东京NTT直连/AMD Ryzen 高性能VPS/美国洛杉矶5950X平台大流量VPS/1Gbps端口/

Webhosting24宣布自7月1日起开始对日本机房的VPS进行NVMe和流量大升级,几乎是翻倍了硬盘和流量,价格依旧不变。目前来看,日本VPS国内过去走的是NTT直连,服务器托管机房应该是CDN77*(也就是datapacket.com),加上高性能平台(AMD Ryzen 9 3900X+NVMe),还是有相当大的性价比的。此外在6月30日,又新增了洛杉矶机房,CPU为AMD Ryzen 9...

wordpress简洁英文主题 wordpress简洁通用型高级外贸主题

wordpress简洁英文主题,wordpress简洁通用大气的网站风格设计 + 更适于欧美国外用户操作体验,完善的外贸企业建站功能模块 + 更好的移动设备特色模块支持,更高效实用的后台自定义设置 + 标准高效的代码程序功能结构,更利于Goolge等国际搜索引擎的SEO搜索优化和站点收录排名。点击进入:wordpress简洁通用型高级外贸主题主题价格:¥3980 特 惠 价:¥1280安装环境:运...

HoRain Cloud:国内特价物理机服务器,镇江机房,内地5线BGP接入,月付499元起

horain怎么样?horain cloud是一家2019年成立的国人主机商家,隶属于北京辰帆科技有限公司,horain持有增值电信业务经营许可证(B1-20203595),与中国电信天翼云、腾讯云、华为云、UCloud、AWS等签署渠道合作协议,主要提企业和个人提供云服务器,目前商家推出了几款特价物理机,都是在内地,性价比不错,其中有目前性能比较强悍的AMD+NVMe系列。点击进入:horain...

response.flush为你推荐
computationgraphcontributionsgraph敬请参阅最后一页特别声明支持ipadoutput_buffering飞飞的官方网站是啥ipad上网新买的ipad怎么用。什么装程序 怎么上网重庆电信宽带管家如何才能以正确的流程在重庆电信安装上宽带联通iphone4北京 朝阳区 哪家联通店可以卖Iphone4的,本周周末过去买icloudiphone苹果6显示已停用请连接itunes什么意思杀毒软件免费下载2013排行榜现在有那些杀毒软件是好用又免费的
成都虚拟主机 老域名 欧洲欧洲vps 网站域名备案 怎样申请域名 已经备案域名 泛域名绑定 国外服务器网站 哈喽图床 ssh帐号 灵动鬼影 t云 域名与空间 国外的代理服务器 中国电信测速网站 百度云空间 wordpress中文主题 乐视会员免费领取 中国电信宽带测速 移动王卡 更多