AJAX RSS Reader - PHP教程

首页 / 教程 / PHP 教程 / AJAX RSS Reader - PHP教程

PHP 实例 - AJAX RSS 阅读器

AJAX RSS 阅读器

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


RSS-feed 数据列表...

实例解释 - HTML 页面

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

示例代码 
<html><head><metacharset="utf-8"><title>易知码(ez4code.com)</title><script>function showRSS(str){if (str.length==0){document.getElementById("rssOutput").innerHTML="";return;}if (window.XMLHttpRequest){// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码xmlhttp=new XMLHttpRequest();}else{// IE6, IE5 浏览器执行代码xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){document.getElementById("rssOutput").innerHTML=xmlhttp.responseText;}}xmlhttp.open("GET","getrss.php?q="+str,true);xmlhttp.send();}</script></head><body><form><selectonchange="showRSS(this.value)"><optionvalue="">选择一个 RSS-feed:</option><optionvalue="rss">读取 RSS 数据</option></select></form><br><divid="rssOutput">RSS-feed 数据列表...</div></body></html>

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

  • 检查是否有 RSS-feed 被选择
  • 创建 XMLHttpRequest 对象
  • 创建在服务器响应就绪时执行的函数
  • 向服务器上的文件发送请求
  • 请注意添加到 URL 末端的参数（q）（包含下拉列表的内容）

PHP 文件

文件 rss_demo.xml 。

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

示例代码 
<?php//rss 文件$xml="rss_demo.xml";$xmlDoc=newDOMDocument();$xmlDoc->load($xml);//从 "<channel>" 中读取元素$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;//输出 "<channel>" 中的元素echo("<p><a href='".$channel_link."'>".$channel_title."</a>");echo("<br>");echo($channel_desc."</p>");//输出 "<item>" 中的元素$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("<p><a href='".$item_link."'>".$item_title."</a>");echo("<br>");echo($item_desc."</p>");}?>

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

  • 检查哪个 RSS feed 被选中
  • 创建一个新的 XML DOM 对象
  • 在 xml 变量中加载 RSS 文档
  • 从 channel 元素中提取并输出元素
  • 从 item 元素中提取并输出元素