As a quick recap, Ajax-style applications use the following technologies:
- XHTML and CSS to describe the interface
- DOM to locate and manipulate different parts of the interface and the data source
- XML and XSLT to describe and transform data for the application
- The XMLHttpRequest object to request and load external data
- JavaScript to bind the other technologies together
In this series of articles, I want to take you through the process of building a simple Ajax style application. As a case study, I’ll look at an application that manages real estate listings. We’ll build a simple Web site for a fictitious company - the Happy Homeowners Real Estate Group. Here’s a screen shot of the finished application when it first load s – not pretty but very functional. It shows a listing of all properties for sale.