AJAX RSS Reader

RSS Reader is used to read RSS feeds.

AJAX RSS Reader

In the following example, we will demonstrate an RSS reader through which the content from RSS is The web page is loaded without refreshing:

Select an RSS-feed:

Read RSS data

RSS-feed data list...

Example explanation - HTML page

When the user selects an RSS-feed in the drop-down list above, the command named " showRSS()" function. This function is triggered by the "onchange" event:

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

showRSS() function will perform the following steps:

Check whether an RSS-feed is selected

1) Create an XMLHttpRequest object

2) Create a function that executes when the server response is ready

3) Send a request to a file on the server

4) Please note the parameters added to the end of the URL (q ) (contains the contents of the drop-down list)

PHP file

File rss_demo.xml.

The server page called through JavaScript in the above paragraph is a PHP file named "getrss.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 . "
"); } ?>

When the request for the RSS feed is sent from JavaScript to the PHP file, what will happen is:

1) Check which RSS feed is selected

2) Create a new XML DOM object

3) Load the RSS document in the xml variable

4) Extract and output the element

from the channel element 5) Extract and output the element

from the item element