基于IE浏览器的Ajax Comet架构.docVIP

基于IE浏览器的Ajax Comet架构 　　摘要:Ajax技术以一种崭新的交互模式解决了传统的客户端Web应用的不足,极大地改进了用户体验。但Ajax仍然受限于HTTP的无状态性,无法直接实现另一种关于用户体验的应用:“推”模式。该文基于当前最为流行的IE浏览器,利用IE独特的HTMLFile对象,结合Ajax技术中的iframe技术实现了Web应用下的“推”架构Comet,并对服务器端的设计进行了规划。 　　关键词:Ajax;Comet;“推”模式 　　中图分类号:TP393文献标识码:A文章编号:1009-3044(2010)17-4646-03 　　AJAX Comet Architecture Based on IE Browser 　　WEN Ai-ping1, WEN De-min2 　　(1.Marine Hydrometeorological Center, South China Sea Fleet, Zhanjiang 524001, China; 2.Dayang Technology Development Inc, Beijing 100193, China) 　　Abstract: Ajax solves the problem of the traditional Web application client by a brand new interactive model, and greatly improves user experience. However, Ajax is still limited by Http’s property of stateless, so it cant directly achieve another application on the user experience: push mode. Based on the most popular browser IE, this paper uses HTMLFile Object and iframe technology, one of Ajax technology to design the push architecture Comet under Web applications. Also, the design of server-side is planed. 　　Key words: Ajax; Comet; push mode 　　 　　Ajax(Asynchronous Javascript and Xml)的出现改变了传统的Web应用模式,使用户从传统的“点击-等待”模式中解脱出来,带来了良好的用户体验。现在,Ajax已经成为Web2.0时代不可缺少的技术之一。但是Ajax使用的仍然是标准HTTP模型:客户端向服务器发送对所需资源的请求,服务器返回包含其请求资源的响应。这种通信称为“拉”方法。在“拉”架构中,客户端拥有控制权:当客户端发出请求时,通信就开始了;当客户端接收到响应时,通信就结束了。如果用这种“拉”架构实现一个Web聊天程序,客户端需要不断地向服务器轮询是否有新数据,因此会产生大量的网络流量。在这种情况下,使用“推”架构来实现能带来更好的用户体验。 　　Alex Russell在2006年提出一个术语Comet。它是一种基于HTTP长连接、无须在浏览器端安装插件实现Web服务器主动向浏览器客户端推送消息的技术。Comet和传统的“拉”架构的不同模式的比较见图1。Comet通过浏览器和服务器建立连接后,服务器端只有在数据更新时才会向客户端发送数据,客户端接收完数据后并不和服务器断开连接,而是继续等待下一次服务器端数据的更新。Comet技术在AJAX中的应用带来的好处是显而易见的,它消除了浏览器等待与轮询的时间消耗,减少了建立和关闭HTTP连接的时间消耗,避免了轮询产生的大量的无用的流量,从而减少了服务器在响应大量AJAX异步请求时的请求数量和网络流量。 　　1 Comet的实现方式 　　1.1 HTTP流 　　在宽带因特网接入还没有广泛普及之前,浏览器的开发人员就在寻找提高(用户感知的)Web页面加载速度的方法。其中一种名为渐进显示(Progressive Rendering)的方法。这种方法在接收到标签时就开始显示该页面,确保能够尽可能早地开始显示网页。在渐进显示中,浏览器首先读取开始标签,然后接收更多的数据,过一段时间还会接收到更多的数据,直到整个页面都下载完成并显示给用户。但浏览器并不知道花多少时间等待新数据,也不知道还会收到多少数据,这就是HTTP流的本质。 　　渐进显示起初是为了减少网络延迟带来的影响,如果由服务器控制请求的延