Skip to main content

By clicking Submit, you agree to the developerWorks terms of use.

The first time you sign into developerWorks, a profile is created for you. Select information in your developerWorks profile is displayed to the public, but you may edit the information at any time. Your first name, last name (unless you choose to hide them), and display name will accompany the content that you post.

All information submitted is secure.

  • Close [x]

The first time you sign in to developerWorks, a profile is created for you, so you need to choose a display name. Your display name accompanies the content you post on developerworks.

Please choose a display name between 3-31 characters. Your display name must be unique in the developerWorks community and should not be your email address for privacy reasons.

By clicking Submit, you agree to the developerWorks terms of use.

All information submitted is secure.

  • Close [x]

Select a language:

  • Close [x]
  • Close [x]

Build apps using Asynchronous JavaScript with XML (Ajax)

Learn to construct real time validation-enabled Web applications with Ajax

Naveen Balani, Technical Architect, Webify Solutions
Naveen Balani spends most of his time designing and developing J2EE-based frameworks and products. He has written various articles for IBM developerWorks in the past, covering such topics as SOA, JMS, Web services architectures, CICS, AXIS, J2ME, DB2, XML Extender, WebSphere Studio, MQSeries, Java Wireless Devices and DB2 Everyplace for Palm, J2ME, Java-Nokia, Visual Studio .Net, and wireless data synchronization.
(An IBM developerWorks Master Author, Level 3)
Rajeev Hathi (rajeev_hathi@hotmail.com), Senior Systems Analyst, Satyam
Rajeev Hathi currently works as a Senior Systems Analyst for Satyam Computers Ltd. He spends his time designing and developing J2EE-based frameworks. He likes exploring new technologies and new fields of domains. His pastime hobbies are sports and music.

Summary:  Ajax (Asynchronous JavaScript with XML) enables a dynamic, asynchronous Web 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.

Date:  15 Nov 2005
Level:  Introductory
PDF:  A4 and Letter (386 KB | 15 pages)Get Adobe® Reader®

Activity:  37378 views
Comments:  

Summary

In conclusion

Ajax has come a long way since its inception. We believe Ajax can be applied as more than just a design pattern, though Ajax still has some issues:

  • Browser support for the XMLHttpRequest object can be constraining. Most browsers do support the XMLHttpRequest object, but a few do not (usually the older version of browsers).
  • Ajax is best suited for displaying a small set of data. If you deal with large volumes of data for a real time display of lists, then Ajax might not be the right solution.
  • Ajax is quite dependent on JavaScript. If a browser doesn't support JavaScript or if a user disables the scripting option, then you cannot leverage Ajax at all.
  • The asynchronous nature of Ajax will not guarantee synchronous request processing for multiple requests. If you need to prioritize your validation or refreshes, then design your application accordingly.

Even with these potential hiccups, Ajax still stands as the best solution to enhance your Web pages and resolve page-reload issues.

6 of 9 | Previous | Next

Comments

Back to top

Close [x]

Help: Update or add to My dW interests

What's this?

This little timesaver lets you update your My developerWorks profile with just one click! The general subject of this content (AIX and UNIX, Information Management, Lotus, Rational, Tivoli, WebSphere, Java, Linux, Open source, SOA and Web services, Web development, or XML) will be added to the interests section of your profile, if it's not there already. You only need to be logged in to My developerWorks.

And what's the point of adding your interests to your profile? That's how you find other users with the same interests as yours, and see what they're reading and contributing to the community. Your interests also help us recommend relevant developerWorks content to you.

View your My developerWorks profile

Return from help

Close [x]

Help: Remove from My dW interests

What's this?

Removing this interest does not alter your profile, but rather removes this piece of content from a list of all content for which you've indicated interest. In a future enhancement to My developerWorks, you'll be able to see a record of that content.

View your My developerWorks profile

Return from help

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=Web development, Java technology, XML
ArticleID=469561
TutorialTitle=Build apps using Asynchronous JavaScript with XML (Ajax)
publish-date=11152005
author1-email=naveenbalani@yahoo.com
author1-email-cc=bwetmore@us.ibm.com
author2-email=rajeev_hathi@hotmail.com
author2-email-cc=

Table of contents

6 of 9 | Previous | Next

Next steps from IBM

Create rich Internet applications using WebSphere Portal Express Web 2.0 technologies.

Tags

Help
Use the search field to find all types of content in My developerWorks with that tag.

Use the slider bar to see more or fewer tags.

Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere).

My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

Use the search field to find all types of content in My developerWorks with that tag. Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere). My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

 

Dig deeper into Web development on developerWorks

Try IBM PureSystems. No charge.

IBM PureSystems on a kaleideoscope background

Experience today!

Get started with the cloud-based trial and pattern development kit.

Share this page:

  • Close [x]

Follow developerWorks:

  • Close [x]