Tuesday, 25 June 2013

AJAX Basic Introduction | Started with AJAX | What is AJAX

AJAX stands for Asynchronous JavaScript and XML. This is not a new programming language, but a new way to use existing standards.
AJAX is the art of exchanging data with a server, and updating parts of a web page - without reloading the whole page.

AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.
Classic web pages, (which do not use AJAX) must reload the entire page if the content should change.
AJAX is based on internet standards, and uses a combination of:

XMLHttpRequest object (to exchange data asynchronously with a server)
JavaScript/DOM (to display/interact with the information)
CSS (to style the data)
XML (often used as the format for transferring data)

AJAX Example Explained
The AJAX application above contains one div section and one button.

The div section will be used to display information returned from a server. The button calls a function named loadXMLDoc(), if it is clicked:
<!DOCTYPE html><html><body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div><button type="button" onclick="loadXMLDoc()">Change Content</button>

Next, add a <script> tag to the page's head section. The script section contains the loadXMLDoc() function:
<head><script>function loadXMLDoc(){.... AJAX script goes here ...}</script></head>


Post a Comment


Twitter Delicious Facebook Digg Stumbleupon Favorites More