PHP和AJAX打造高级RSS聚合器
RSS聚合器是一种非凡适合于使用标准AJAX引擎进行构建的应用程序,然而,要实现对RSS回馈的跨域的AJAX请求往往是很难的,在本文中,我将向你展示如何利用一个简单的PHP函数来实现"桥接"AJAX引擎和RSS内容。
一、引言
现在,开发一个RSS聚合器已经不再是困难的事情,但是开发一个高质量的RSS聚合器却仍然存在相当的难度。另一方面,创建一个定制聚合器一般不是很难,并且在这种聚合器内能够提供一个你自己选择的接口。RSS聚合代表了一类非凡适合于一个AJAX应用程序所消费的数据,这是因为:它是XML格式的,并且AJAX能够良好地显示新的回馈而不必进行页面刷新。然而问题总是存在:在一个标准的AJAX引擎中实现跨域的AJAX请求是不可能的。在本文中,我将向你展示如何利用一个很简单的PHP函数来桥接AJAX引擎和远程内容(在本文中它指的是RSS回馈)。
提示: 本文假定你已经对PHP有一个基本理解并且有使用AJAX和分析XML的经验。要全面理解本文所提供的示例,你需要下载相应的源码文件。
二、开始
在我们正式开始前,我想简短地介绍一下我们将用于发出请求的AJAX引擎。该引擎能够简化AJAX调用并且有助于消除当发出请求和调度响应时存在的大量冗余。我不会具体讨论它的组成代码,而仅向你简短地介绍我们在本文中如何使用它。
首先,我们需要导入构成该引擎的所有javascript文件。包含在我们的index.html文件中的代码看起来如下所示:
<script type= "text/javascript" src= "js/model/HTTP.js" ></script> <script type= "text/javascript" src= "js/model/Ajax.js" ></script> <script type= "text/javascript" src= "js/model/AjaxUpdater.js" ></script>一旦我们导入该JavaScript文件,我们就可以通过编写类似下列的代码来发出一个请求:AjaxUpdater.Update('GET', 'url',callbackMethod);">
该AjaxUpdater是一个对象,它负责处理我们的AJAX调用。我们简单地调用它的Update方法并且传递请求的方法,我们请求的URL,以及我们想把该响应代理到的回调方法。
当发出我们的请求时,这就是所有我们需要关心的。现在,让我们集中于定制RSS聚合器的功能。
三、入口点
指向该聚合器的入口是index.html文件,我们从浏览器中对它进行调用。下面是描述该index的代码:
< html > < head > < title > RSS Aggregation with PHP and Ajax </ title > < link href = "CSS/layout.css" rel = "stylesheet" type = "text/css" /> < script type = "text/javascript" src = "js/model/HTTP.js" > </ script > < script type = "text/javascript" src = "js/model/Ajax.js" > </ script > < script type = "text/javascript" src = "js/model/AjaxUpdater.js" > </ script > < script type = "text/javascript" src = "js/controller/Aggregator.js" > </ script > < script type = "text/javascript" src = "js/view/Feed.js" > </ script > </ head > < body > < div id = "Aggregator" > < form name = "feedForm" method = "post" action = "javascript:AjaxUpdater.Update('GET', 'bridge/rss.php?feed=' document.feedForm.feed.value, Aggregator.Read);" > < div class = "header" > < input type = "text" name = "feed" id = "feed" size = "50" > < input type = "submit" name = "submit" value = "Add Feed" > </ 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文件。
查看更多关于PHP和AJAX打造高级RSS聚合器 - php高级应用的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did29953