Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Ajax Ajax - Asynchronous JavaScript and XML, What is Ajax?

Related Tutorials


 
 

Share on Google+Share on Google+

Ajax - Asynchronous JavaScript and XML, What is Ajax?

Advertisement
This section explains you the Ajax. You will learn the basics of Ajax.

What is Ajax - Asynchronous JavaScript and XML

     

This section explains you the Ajax. You will learn the basics of Ajax. Ajax is of the most important technologies for the development of highly interactive web application and due to its features it have become extremely popular these days.

What is Ajax?

Asynchronous JavaScript and XML or Ajax for short is new web development technique used for the development of most interactive website. Ajax helps you in making your web application more interactive by retrieving small amount of data from web server and then showing it on your application. You can do all these things without refreshing your page. 

Usually in all the web applications, the user enters the data into the form and then clicks on the submit button to submit the request to the server. Server processes the request and returns the view in new page ( by reloading the whole page). This process is inefficient, time consuming, and a little frustrating for you user if the only the small amount of data exchange is required. For example in an user registration form, this can be frustrating thing for the user, as whole page is reloaded only to check the availability of the user name. Ajax will help in making your application more interactive. With the help of Ajax you can tune your application to check the availability of the user name without refreshing the whole page.

Understanding the technology behind Ajax

Ajax is not a single technology, but it is a combination of many technologies. These technologies are supported by modern web browsers. Following are techniques used in the Ajax applications.

  • JavaScript:
    JavaScript is used to make a request to the web server. Once the response is returned by the webserver, more JavaScript can be used to update the current page. DHTML and CSS is used to show the output to the user. JavaScript is used very heavily to provide teh dynamic behavior to the application.
     
  • Asynchronous Call to the Server:
    Most of the Ajax application used the XMLHttpRequest object to send the request to the web server. These calls are Asynchronous and there is no need to wait for the response to come back. User can do the normal work without any problem.
      
  • XML:
    XML may be used to receive the data returned from the web server. JavaScript can be used to process the XML data returned from the web server easily.

How Ajax Works?

When user first visits the page, the Ajax engine is initialized and loaded. From that point of time user interacts with Ajax engine to interact with the web server. The Ajax engine operates asynchronously while sending the request to the server and receiving the response from server. Ajax life cycle within the web browser can be divided into following stages:

  • User Visit to the page:  User visits the URL by typing URL in browser or clicking a link from some other page.
     
  • Initialization of Ajax engine:
    When the page is initially loaded, the Ajax engine is also initialized. The Ajax engine can also be set to continuously refresh the page content without refreshing the whole page.
     
  • Event Processing Loop:
    * Browser event may instruct the Ajax engine to send request to server and receive the response data
    * Server response - Ajax engine receives the response from the server. Then it calls the JavaScript call back functions
    * Browser (View) update - JavaScript request call back functions is used to update the browser. DHTML and css is used to update the browser display.

Benefits of Ajax

Ajax is new very promising technology, which has become extremely popular these days. Here are the benefits of using Ajax:

  • Ajax can be used for creating rich, web-based applications that look and works like a desktop application
     
  • Ajax is easy to learn. Ajax is based on JavaScript and existing technologies like XML, CSS, DHTML. etc. So, its very easy to learn Ajax
      
  • Ajax can be used to develop web applications that can update the page data continuously without refreshing the whole page
Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: November 23, 2006

Related Tutorials

Discuss: Ajax - Asynchronous JavaScript and XML, What is Ajax?   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:8
sumit
April 11, 2011
sd

nice article
buzo
June 7, 2011
good explanation

thanks for explaining the AJAX jargon ,will try to use in web applications
Sangam Malik
July 1, 2011
feedback

it's an awesome introduction of Ajax.
Navya KV
March 16, 2012
About ajax

Full Details Of Ajax
learner
May 11, 2012
-

Very good article. Very informative
harshit sahu
May 30, 2012
ajax

gud job done. simple and precise definition......
vishal
June 4, 2014
Ajax

Nice explanation.......
ram
August 25, 2011
ok

that good
DMCA.com