Muthukumar Rajamani

Anatomy of an AJAX interaction

Published on February 13th, 2007 by Muthu Online in Code is Poetry, HTML5, CSS3, DOM & JS



A client event occurs
An XMLHttpRequest object is created
The XMLHttpRequest object is configured
The XMLHttpRequest object makes an async. request
The ValidateServlet returns an XML document containing the result
The XMLHttpRequest object calls the callback() function and processes the result
 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.

Example 2 : Real time server sided character counting

Wanna dig deeper? Dig here then