＜/div＞
＜/form＞
＜div class="leftColumn"＞
＜div id="titles"＞＜/div＞
＜div id="loading"＞＜/div＞
＜/div＞
＜div class="rightColumn"＞
＜div id="description"＞＜/div＞
＜/div＞

＜/div＞

＜/body＞
＜/html＞


　　这个文件负责导入处理我们的聚合器显示的CSS文件和所有的用于创建该聚合器和发出AJAX请求的JavaScript文件。

　　【提示】本文并没有讨论该CSS文件；我们只集中于讨论通过JavaScript实现的聚合和分析。

　　然后，由该索引定义DIV标记，这些标记将用于描述接收到的数据的布局。它还包含一个表单，其中有一个输入域用来输入RSS回馈的URL，还有一个提交按钮用于向它们发送请求。当点击该按钮时，将发送一个请求以接收RSS回馈并且把该响应发送到一个称为Aggregator的对象；我们将在讨论使用 AJAX技术进行远程RSS回馈检索之后来介绍它。

 

　　四、 跨域AJAX请求

　　跨域AJAX请求是不可能的，但是的确存在一些方法以利用一种服务器端语言来解决这个问题。在这一节中，我要讨论如何使用PHP来创建AJAX请求和一个远程RSS回馈之间的一个桥接，进而实现成功地跨域请求之目的。我想你很可能会对它如此容易的实现感到惊讶。

　　PHP中提供了一个称为file_get_contents的本地方法，它能够把整个文件内容读取到一个字符串中。如果启动fopen包装器的话，这个文件可以是一个远程文件；在你安装PHP时默认情况下是启动的。如果在php.ini文件内把allow_url_fopen设置为off它才处于禁止状态。下列代码相应于该bridge.php文件的内容，当提交表单时我们使用index.html发送请求：

＜?
header("Content-Type: application/xml; charset=UTF-8");
echo file_get_contents($_GET['feed']);
?＞

　　上面代码中的第一行是一个头（header），它负责把响应的内容类型设置为针对我们的请求对象的有效的XML。然后，调用 file_get_contents，并结合回馈URL-这是通过我们的从index.html文件内的表单发出的请求进行传递的。一旦这些数据就绪， AJAX引擎即把它们代理到回调方法-我们的Aggregator对象。

　　五、 Aggregator对象

　　该Aggregator对象负责从AJAX引擎中接收响应。下列代码展示了该对象(一个称为feedCollection的数组，它将用来存储所有的通过被检索的回馈创建的回馈对象)的创建，还有一个称为Read的方法(相应于从index.html表单中发出的请求的回调方法)。当该回调发生时，通过一个定制AJAX对象方法（它使用一个描述显示加载消息的DIV元素的字符串作为参数）检查请求的readyState。

Aggregator = new Object();
Aggregator.feedCollection = new Array();
Aggregator.Read = function()
{
　if(Ajax.checkReadyState('loading') == "OK")
　{
　　var title = Ajax.getResponse().getElementsByTagName('title')[0].firstChild.data;
　　var _link = Ajax.getResponse().getElementsByTagName('link')[0].firstChild.data;
　　var items = Ajax.getResponse().getElementsByTagName('item');

　　var feed = new Feed(Aggregator.feedCollection.length， title， _link， items);
　　Aggregator.feedCollection.push(feed); 软件开发网 www.mscto.com
　　Aggregator.displayFeedTitles(feed);
　}
}