Muthukumar Rajamani : Interaction Designer/Manager, Bangalore

Product Experience Management,User Reseach at Cisco Systems, India

Anatomy of an AJAX interaction

  1. A client event occurs
  2. An XMLHttpRequest object is created
  3. The XMLHttpRequest object is configured
  4. The XMLHttpRequest object makes an async. request
  5. The ValidateServlet returns an XML document containing the result
  6. The XMLHttpRequest object calls the callback() function and processes the result
  7. The HTML DOM is updated

WTF? Ne comprene pas?

Lets look at couple of examples to understand the flow.

Example 1: Real Time data validation example.

Real time data validation using AJAX example

Example 2 : Real time server sided character counting

my first example app using NetBeans

Wanna dig deeper? Dig here then

Related : AJAX Basics

Google Buzz
Categories: AJAX, DOM, JavaScript, CSS, XHTML, HTML5 - Code is Poetry