优就业Ajax教程-反向Ajax,第1部分Comet介绍.docVIP

优就业Ajax教程-反向Ajax，第1部分：Comet介绍 英文原文：Reverse Ajax, Part 1: Introduction to Comet 在过去的几年中，web开发已经发生了很大的变化。现如今，我们期望的是能够通过web快速、动态地访问应用。在这一新的文章系列中，我们学习如何使用反向Ajax（Reverse Ajax）技术来开发事件驱动的web应用，以此来实现更好的用户体验。客户端的例子使用的是JQuery JavaScript库，在这首篇文章中，我们探索不同的反向Ajax技术，使用可下载的例子来学习使用了流（streaming）方法和长轮询（long polling）方法的Comet。 var?url?=/postalCodeLookupJSON?postalcode=　　+?$(#postalCode).val()?+country=　　+?$(#country).val()?+callback=?;　　$.getJSON(url,?function(data) {　　$(#placeName).val(data.postalcodes[0].placeName);}); JSONP轮询基本上与HTTP轮询一样，不同之处则是JSONP可以发出跨域请求（不是在你的域内的请求）。清单1使用JSONP来通过邮政编码获取地名，JSONP请求通常可通过它的回调参数和返回内容识别出来，这些内容是可执行的JavaScript代码。 要在JavaScript中实现轮询的话，你可以使用setInterval来定期地发出Ajax请求，如清单2所示： 清单2. JavaScript轮询 setInterval(function() {　　$.getJSON(events,?function(events) {　　　　console.log(events);　　});},?2000);[client]?checking for events...[client]?no event[client]?checking for events...[client]2?events[event]?At Sun Jun?0515:17:14?EDT?2011[event]?At Sun Jun?0515:17:14?EDT?2011[client]?checking for events...[client]1?events[event]?At Sun Jun?0515:17:16?EDT?2011 用JavaScript实现的轮询的优点和缺点： 1. 优点：很容易实现，不需要任何服务器端的特定功能，且在所有的浏览器上都能工作。 2. 缺点：这种方法很少被用到，因为它是完全不具伸缩性的。试想一下，在100个客户端每个都发出2秒钟的轮询请求的情况下，所损失的带宽和资源数量，在这种情况下30%的请求没有返回数据。 Piggyback 捎带轮询（piggyback polling）是一种比轮询更加聪明的做法，因为它会删除掉所有非必需的请求（没有返回数据的那些）。不存在时间间隔，客户端在需要的时候向服务器端发送请求。不同之处在于响应的那部分上，响应被分成两个部分：对请求数据的响应和对服务器事件的响应，如果任何一部分有发生的话。图2给出了一个例子。 图2. 使用了piggyback轮询的反向Ajax 在实现piggyback技术时，通常针对服务器端的所有Ajax请求可能会返回一个混合的响应，文章的下载中有一个实现示例，如下面的清单4所示。 清单4. piggyback代码示例 $(#submit).click(function() {　　$.post(ajax,?function(data) {　　　　var?valid?=?data.formValid;　　　　//?处理验证结果　　　　//?然后处理响应的其他部分（事件）　　　　processEvents(data.events);　　});});[client]?checking for events...[server]?form valid ? true[client]4?events[event]?At Sun Jun?0516:08:32?EDT?2011[event]?At Sun Jun?0516:08:34?EDT?2011[event]?At Sun Jun?0516:08:34?EDT?2011[event]?At Sun Jun?0516:08:37?EDT?2011 你可以看到表单验证的结果和附加到响应上的事件，同样，这种方法也有着一些优点和缺点： 1. 优点：没有不返回数据的请求，因为客户端对何时发送请求做