AJAX RSS Reader

RSS 阅读器用于阅读 RSS Feed。

AJAX RSS 阅读器

在下面的实例中，我们将演示一个 RSS 阅读器，通过它，来自 RSS 的内容在网页不进行刷新的情况下被载入：

选择一个 RSS-feed:

读取 RSS 数据

RSS-feed 数据列表...

实例解释 - HTML 页面

当用户在上面的下拉列表中选择某个 RSS-feed 时，会执行名为 "showRSS()" 的函数。该函数由 "onchange" 事件触发：

     
  
  选择一个 RSS-feed: 读取 RSS 数据  
 
 
RSS-feed 数据列表...
  

showRSS() 函数会执行以下步骤：

检查是否有 RSS-feed 被选择

1) 创建 XMLHttpRequest 对象

2) 创建在服务器响应就绪时执行的函数

3) 向服务器上的文件发送请求

4) 请注意添加到 URL 末端的参数（q）（包含下拉列表的内容）

PHP 文件

文件 rss_demo.xml。

上面这段通过 JavaScript 调用的服务器页面是名为 "getrss.php" 的 PHP 文件：

load($xml); // 从 "" 中读取元素 $channel=$xmlDoc->getElementsByTagName('channel')->item(0); $channel_title = $channel->getElementsByTagName('title') ->item(0)->childNodes->item(0)->nodeValue; $channel_link = $channel->getElementsByTagName('link') ->item(0)->childNodes->item(0)->nodeValue; $channel_desc = $channel->getElementsByTagName('description') ->item(0)->childNodes->item(0)->nodeValue; // 输出 "" 中的元素 echo("
" . $channel_title . ""); echo("
"); echo($channel_desc . "
"); // 输出 "" 中的元素 $x=$xmlDoc->getElementsByTagName('item'); for ($i=0; $i<=1; $i++) { $item_title=$x->item($i)->getElementsByTagName('title') ->item(0)->childNodes->item(0)->nodeValue; $item_link=$x->item($i)->getElementsByTagName('link') ->item(0)->childNodes->item(0)->nodeValue; $item_desc=$x->item($i)->getElementsByTagName('description') ->item(0)->childNodes->item(0)->nodeValue; echo ("
" . $item_title . ""); echo ("
"); echo ($item_desc . "
"); } ?>

当 RSS feed 的请求从 JavaScript 发送到 PHP 文件时，将发生：

1) 检查哪个 RSS feed 被选中

2) 创建一个新的 XML DOM 对象

3) 在 xml 变量中加载 RSS 文档

4) 从 channel 元素中提取并输出元素

5) 从 item 元素中提取并输出元素