Ajax has certainly made itself known over the last year. Even large companies such as Google and Yahoo! have used Ajax in their Web applications and both have even created their own libraries, the Google Web Toolkit (GWT) and the Yahoo! UI Library (YUI). There are even conferences and events, such as AjaxWorld dedicated to the topic and the possiblities are steadily growing. With the increased presence has come new forms of interaction and questions about limitations. One of the most common questions is whether it's possible to create remote or cross-domain Ajax requests. The answer is yes and this week you'll learn how to create an Ajax-enabled podcast aggregator with PHP and Ajax.
Remote Ajax requests allow you to request remote files, such as Web services, RSS feeds and as you'll see in this article, podcasts. The sample that we'll create is a podcast aggregator that relies on Ajax and PHP to retrieve its feeds. It also leverages Odeo to play the podcast files that are referenced in the feed. The sample for this article can be downloaded here and a live running sample can be viewed here. To get you started you can use the "Talk of the Nation" podcast from NPR by pasting http://www.npr.org/rss/podcast.php?id=5 into the input field or you can find more podcasts in the NPR podcast directory.
Designing the Aggregator
div also includes a feed input and submit button. The
leftColumn will include a
titles div that will hold all of the titles from a requested feed and the
rightColumn will include a
description div that will display the contents of a selected item in the feed.
Creating an Ajax Engine
POST, a URL to make the request to and a callback method to send the final XML response back to for parsing.