PHP和AJAX打造高级RSS聚合器

彪哥LL行天下

彪哥LL行天下

2016-01-29 11:24

PHP和AJAX打造高级RSS聚合器,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="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回馈之间的一
展开更多 50%)
分享

猜你喜欢

PHP和AJAX打造高级RSS聚合器

电脑网络
PHP和AJAX打造高级RSS聚合器

用PHP和AJAX创建RSS聚合器

PHP
用PHP和AJAX创建RSS聚合器

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

利用PHP和AJAX创建RSS聚合器

PHP
利用PHP和AJAX创建RSS聚合器

基于PHP和AJAX创建RSS聚合器

电脑网络
基于PHP和AJAX创建RSS聚合器

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

一个简单PHP函数和AJAX编制高级RSS聚合器

Web开发
一个简单PHP函数和AJAX编制高级RSS聚合器

用AJAX技术聚合RSS

Web开发
用AJAX技术聚合RSS

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

AJAX入门之深入理解JavaScript中的函数

AJAX入门之深入理解JavaScript中的函数

PSV《噬神者2 狂怒解放》R15连续任务配装解析

PSV《噬神者2 狂怒解放》R15连续任务配装解析
下拉加载更多内容 ↓