How AJAX Works

Posted by Hitesh Agrawal

September 28, 2007

The best way to learn this topic to understand the comparison between the traditional method of calling the Web page from the server and AJAX methodology.
Traditional WebPage Call

User interacts with the webpage to perform its operation
The request is submitted to the Web Server along with the information user wants
Server checks for the details and might require to interact with the Database and finally returns the response to the browser
Browser displays the user response details in the form of refreshing the webpage

Traditional WebPage Call

User has to wait until the page reloads
User can perform only one action at a time

AJAX come to the rescue:
With AJAX user can fetch the data from the server without refreshing the whole page. During AJAX call following steps are followed

User interacts with the web page to perform its operation. At this point your webpage internally through JavaScript calls a remote file and the user data is passed through GET/POST method
The web server receives the request processes it and send the data back to the client browser
At this point the web page is not reloaded and the browser JavaScript engine is waiting for the response from the web server.
The web page gets the response from the server and dynamically through JavaScript displays the content fetched from the server

Advantage of using AJAX:

Make multiple AJAX calls with different request from the same page
Instant result
Not to wait for the page to get reload

Ready for going deep into AJAX Programming, if yes than check out the links below.

Bookmark It

Hide Sites

Custom Search

AJAX

Did you enjoy this post? Why not leave a comment below and continue the conversation, or subscribe to my feed and get articles like this delivered automatically to your feed reader.