Skip to content

Biting the hand that feeds IT

The Register ®

Software:

News Tools

Reg Shops

Related Whitepapers
The Register » Software » Developer »
[Print][Mobile][Alerts]

Retrieving RSS/Atom Feeds with the Google AJAX Feed API

Using feeds to manage online news.

Page: < Prev 1 2 3 4
By Deepak Vohra → More by this author
Published Friday 7th September 2007 14:54 GMT
How IT Management Can "Green" the Data Center - Free Download

You now iterate over the entries to obtain each of the entries in the Atom Feed. Specify the attributes to be displayed:

 var attributes = ["title", "link", "publishedDate", "contentSnippet"];

Then, create a <div> element for each of the attributes and add the <div> elements to the container <div> element:

 for (var j = 0; j < attributes.length; j++) {
        var div = document.createElement("div");
        div.appendChild(document.createTextNode(entry[attributes[j]]));
        container.appendChild(div);
      }

The JavaScript application, GoogleRSS-JSON.html, to display the JSON properties from the Atom Feed is available in the Resources zip file.

Run the GoogleRSS-JSON.html application. The Atom Feed entries’ titles, links, publication date, and content snippet are displayed – see Figure 5:

Shows the Atom feed with JSON Properties.

Next, we shall display multiple feeds using the FeedControl class. We’ll display the “Reg Developer” Atom feed and the “Editors Blog” Atom feed. As in the JavaScript application, to display a single feed specify a <script> tag for the Google Feed APIs. Add a <div> element to the JavaScript application to display the Atom Feeds:

 <body><div id="feedControl">Loading</div></body>

Load version 1 of the Feed API. Invoke a callback function initialize after the Google Feed API has loaded. In the callback function create a FeedControl object:

 var feedControl = new google.feeds.FeedControl();

Specify the Atom Feeds to be loaded by the FeedControl:

 feedControl.addFeed("http://www.regdeveloper.co.uk/headlines.atom", "Reg Developer");
feedControl.addFeed("http://www.regdeveloper.co.uk/editors_blog/headlines.atom", 
"Editors Blog");

Load the Atom Feeds and display the Atom Feeds using the draw method:

 feedControl.draw(document.getElementById("feedControl"));

The JavaScript application, GoogleRSS-MultipleFeeds.html, to load multiple Atom Feeds is available in the Resources zip file. Now run the JavaScript application, and multiple Atom feeds are displayed – see Figure 6:

Shows multiple feeds.

You should now have successfully received an Atom feed. As it happens, the applications in this article may be used with either an Atom 1.0 feed or an RSS 2.0 feed (we’ve used Atom 1.0). However, the url for RSS 2.0 would be different: instead of http://www.regdeveloper.co.uk/headlines.atom, it would be http://www.regdeveloper.co.uk/headlines.rss. ®

Page: < Prev 1 2 3 4
Track this type of story as a custom Atom/RSS feed or by email.

Related stories

[Print][Mobile][Alerts]
Slashdot Post to Slashdot Digg Digg this del.icio.us Add to del.icio.us Reddit Reddit
Previous Article Next Article
whitepaper title

The Register Guides : The status of iSCSI

Now that the hype's abated, have companies backing iSCSI have run out of energy and patience, or is the technology becoming commonplace and accepted?. 		whitepaper title

How IT Management Can "Green" the Data Center

This Gartner research provides managers with an outline of the trends affecting datacenters and offers strategies with which to address these changes..
Whitepapers

The MSDN Developer Zone

Top 20 stories • All The Week’s Headlines • Archive • Search