Learn to construct real time validation-enabled Web
applications with AJAX
Skill Level: Introductory
Naveen Balani (firstname.lastname@example.org)
Rajeev Hathi (email@example.com)
Senior Systems Analyst
Satyam Computers Ltd.
15 Nov 2005
experience without the need for page refreshes. In this tutorial, you learn to build
AJAX-based Web applications -- complete with real time validation and without page
refreshes -- by following the construction of a sample book order application.
Section 1. Before you start
About this tutorial
In this tutorial, we explain how to develop and design Web applications based on
order application which provides real time validation and page refresh, for efficient
and smooth user interaction.
We will use Tomcat to run the AJAX application. Tomcat is the servlet container that
© Copyright IBM Corporation 1994, 2006. All rights reserved.
Page 1 of 14
is used in the official reference implementation for the Java Servlet and JavaServer
Pages technologies. Download jakarta-tomcat-5.0.28.exe from the Jakarta Site and
run it to install Tomcat to any location you'd like -- c:\tomcat5.0, for instance.
Download the source code and Web application (in wa-ajax-Library.war) for this
Section 2. Introduction to AJAX
AJAX enables a dynamic, asynchronous Web experience without the need for page
refreshes. It incorporates the following technologies:
• XHTML and CSS provide a standards-based presentation.
• Document Object Model (DOM) provides dynamic display and interaction.
• XML and XSLT provide data interchange and manipulation.
• XMLHttpRequest provides asynchronous data retrieval.
The core of AJAX technology is a JavaSc