ajaxpush技术核心揭秘

《ajaxpush技术核心揭秘》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Ajaxpush技术核心揭秘（$专载）Ajaxpush技术核心揭秘（转载）Ajaxpush技术核心揭秘在web应用普及的今天，用户开始将更多的关键应用向Web迁移，广人Web应用开发者与推广者在享受到了成功地喜悦。与M吋很多用户己经开始抱怨我们的Web应用总是那么被动与迟钝，何吋j能让他们的应用更加主动实时的，让发生在服务端的小件第一吋M内通知给他们。然而开发人员也不得不而对这样的事'实，在Web天生的无状态与非连接制约下无法他们无法对应川的实时性更进一•步的提升。在近儿年的发展特别处Aajx的出现

2、让我们的web应川找到了新的兴奋点，然而这仍然没介解决前面提到的问题，难道我们真的无路可走了？经过笔者的探索发现我们是可以实现箱于web的实吋主动通知的，即采用Ajaxpush技水，她可以让我们web应用拥有前所未有激动人心的功能和使用体验。笔芯将通过本文带领逐步人家去实现这个激动人心的休验。笔荞11的也t常简平，0!的在于为大家提供更多的参考资料，无论对错希粜本文能起到抛砖引玉的作川.如果能借此引发大家对Web实时推式通知技水的更为广泛的讨论我将感到万分荣幸！Ajaxpush的广阔前景通知技术笔芯

3、把它们从概念上分为两种：被动的拉忒通知技术和主动的推式通知技术。这两种说法ri前网上已经有大量的文章，我在这里只做简单的介绍：1、被动的拉式通知技术又称Pull方式如下图浏览器服务器internet定时谘求根据请求响应图:pull方式拉A式需要客户机不定时的检斉服务器已获知是否发生新的事件或数据是否钉变化，这种A式并不实时，{H.在web上比较界易实现。2、主动的推式通知技术乂称push方式如下阍浏览器服务器internet发也事件主动发送符次建立通信连接事件图:push方式推式客户机与服务只需建立

4、好连接之后,毎当服务器冇特殊事件发虫吋才通知客户机,该方式实吋性非常强，{n.H前在Web上实现较为父杂这两种方式后冇有非常品著的优点，而Ajaxpush就足需要祚web上实现的后冇的通信技术，如災Ajaxpush能被的完美实现，那么基于web的IM软件、基于Web的关键业务报努系统、基于web的实时监控系统、史朽能人性的Web信息系统、K至是基于web的远程控制系统、等等都将可以实现，同时彻底摆脱客户端部署与安焚，避免服务端的高负载。而webMsn、GMAIL这些系统屮的很多被我们汄为是不可思议的

5、特性也能被任何一个web程序员轻松的开发出来。这足多么美好的时刻，更加值得我们去期待。突破观念的朿缚Web应川的优点在于从于部界，但web是无状态非连接的，从这个角度來看服务器无法对客户端进行实时的推式通知，可能会冇人对我说的不W于顾，不是已经冇很多系统都实现了web上的通知吗？K实不然，目前实现web上动态通知的技术概栝下来基本上有以下两种方法：1、定期刷新法。定期刷新法乂可以分为整体页面闹隔刷新和异少M隔刷新两种方法。a)整体页面间隔刷新法，该方法迕早期聊天室屮使用，该方法实现非常简单，只需要在

6、Html尖屮加入如下代码：该力*法11前已经很少使用，主要因为如來现在网页过于釔杂加载吋叫长，如來频繁刷新会对用户造成非常差的体验，同时会传输大的M络数掂无疑加大了服务器及网络的负担。b)异步M隔刷新法，山于采川异步刷新方法，即使刷新平凡都不会造成页面闪烁，同时减少了不必要的展现数据，是E1前采用的较多的A法，实现上又分为Ajax刷新即XMLHttp刷新和隐藏贞刷新。我给出简单现示例如下：Ajax刷新va

7、rxmlhttp=newActiveXObject("Msxml2.XMLHTTP.5.0n);functionrefreshUi(){xmlhttp.open("POST"，”你接收请求的页而"，true);xmlhttp.setRequestHeader("Content-Type"/'application/x-www-form-urlencoded;charset=utf-8");xmlhttp.send(你好提交的数据)；vars=xmlhttp.responseText;//获取服务器收

8、到的数据UpdateUi(s);//史新你的界而上的数据}setlnterval(refreshUi,20);服务段可以足一个可以足]5口部口讲^帕邱口乂，等服务端处理积序，然后通过Response对象向客户端输出需要的数裾即可隐藏贞刷新即在页而上放入隐藏的FrameSet或则IFrame,然沿通过对该贞的捉交操作获取数裾然后刷新贝而functionrefreshUi(){varhiddenForm=document.frames[1].document.forms[