PHP与AJAX打造高级RSS聚合器
发布时间：2022-01-18 21:06:01 所属栏目：PHP教程 来源：互联网
导读：RSS聚合器是一种非凡适合于使用标准AJAX引擎进行构建的应用程序，然而，要实现对RSS回馈的跨域的AJAX请求往往是很难的,在本文中，我将向你展示如何利用一个简单的PHP函数来实现桥接AJAX引擎和RSS内容。 一、引言 现在，开发一个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文件。 （编辑：晋中站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
