Ajax Case Study: Real Estate Listings 1

In previous articles, we’ve looked at aspects of Ajax-style applications. Using Ajax in Web applications allows you to build pages that don’t need to refresh when new data is loaded. Instead of the user clicking a button and waiting for the entire page to reload, they can continue to work while part of the page refreshes.


$2.89
- OR -

Overview

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.

Sas Jacobs

Sas JacobsHello. I'm the Principal of Anything Is Possible, an Australian web development business specialising in web applications development and training. I'm interested in using Flash with dynamic content and I've presented at a number of International conferences on topics relating to applications development, XML and scripting components. I have recently released my second print book Beginning XML with DOM and Ajax to match the first one - Foundation XML for Flash. I have a business web site
and a personal web site.

See All Postings From Sas Jacobs >>

Reviews

Be the first to write a review

You must me logged in to write a review.