PHP和AJAX打造高级RSS聚合器

2016-01-29 11:24 2 1 收藏

PHP和AJAX打造高级RSS聚合器,PHP和AJAX打造高级RSS聚合器

【 tulaoshi.com - Javascript 】

 
  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="http://img.jcwcn.com/attachment/portal"></script>
<script type="text/javascript" src="http://img.jcwcn.com/attachment/portal"></script>
<script type="text/javascript" src="http://img.jcwcn.com/attachment/portal"></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="http://img.jcwcn.com/attachment/portal"></script>
<script type="text/javascript" src="http://img.jcwcn.com/attachment/portal"></script>
<script type="text/javascript" src="http://img.jcwcn.com/attachment/portal"></script> 
<script type="text/javascript" src="http://img.jcwcn.com/attachment/portal"></script>
<script type="text/javascript" src="http://img.jcwcn.com/attachment/portal"></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"> [next]
<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回馈之间的一

来源:https://www.tulaoshi.com/n/20160129/1482317.html

延伸阅读
一、 引言 Web世界中一项广为使用的功能就是搜索。随着Web技术的日益发展,为了更好地满足客户的需求,常规搜索引擎开始对更多的非常规方式"敞开了大门"。在这方面,Yahoo!率先提供出其Y!Q服务。这个新的服务能够使你搜索任何web页面,前提是该页面的作者必须包括在他们的web页面中。是服务技术实现了把相关的搜索结果呈现到读者眼前,...
标签: Web开发
给自己维护的一个小网站加个首页新闻,浏览器用 Ajax 或者 Ajah 从服务器取新闻异步的显示出来,同时提供 RSS 源供聚合器订阅。 XMLHTTPRequest 从上次做过一个手机模拟器后就再没碰过,这次在网上搜寻发现了一个好东西:http://www.scss.com.au/family/andrew/webdesign/xmlhttprequest/,一个 Cross-Browser 的 XMLHttpRequest 实现,作者...
标签: PHP
五、 显示结果 populateResults()方法负责使用搜索结果填充结果栏。它接受两个参数:包含该结果的元素和一个XParser对象(XParser是一个基于Javas cript的 RSS 读取器,可从www.wdonline.com/javas cript/xparser/自由下载): msnWebSearch.populateResults = function(divResultsPane,oParser){ var o Fragment = docum...
标签: PHP
八、 定制Web搜索框 借助于CSS,你可以容易地为你的现有站点定制搜索框,并且使你以后的任何重新设计都变得非常容易。 首先要讨论的CSS类是ajaxWebSearchBox(该类实现搜索框)。因为搜索框要确定位置,所以它必须要有一个绝对位置: .ajaxWebSearchBox { position: absolute; background-color: #0d1e4a; wid...
标签: PHP
一、 引言 Web世界中一项广为使用的功能就是搜索。随着Web技术的日益发展,为了更好地满足客户的需求,常规搜索引擎开始对更多的非常规方式"敞开了大门"。在这方面,Yahoo!率先提供出其Y!Q服务。这个新的服务能够使你搜索任何web页面,前提是该页面的作者必须包括在他们的web页面中。是服务 技术 实现了把相关的搜索结果呈...

经验教程

814

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部