Introduction of Ajax

Hi everyone in this blog I’m explaining about introduction of ajax.


AJAX, is a web development technique for creating interactive web applications. It is pre require for ajax that you are familir with HTML and javascript.

Ajax stands for Asynchronous JavaScript and XML; in other words Ajax is the combination of various technologies such as a JavaScript, CSS, XHTML, and DOM etc.

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 entire page.

We can also define Ajax is a combination of client side technologies that provides asynchronous communication between the user interface and the web server so that partial page rendering occurs instead of complete page post back.

Ajax is platform-independent; in other words AJAX is a cross-platform technology that can be used on any Operating System since it is based on XML & JavaScript. It also supports open source implementation of other technology. It partially renders the page to the server instead of complete page post back. We use AJAX for developing faster better and more interactive web applications. AJAX uses a HTTP request between web server & browser.

Using Ajax technologies we can observe in Google Maps, Gmail, YouTube, and Facebook tabs.

AJAX is Based on Internet Standards:

AJAX is based on internet standards, and uses a combination of a XMLHttpRequest object to exchange data asynchronously with a server, JavaScript and DOM to interact with the information and CSS is used to style the data and XML is often used as the format for transferring data.

Let us know about the basic information each technology uses in Ajax.

1. XHTML and CSS

XHTML (or HTML) is used for providing the markup tags, as used in any typical web site. In addition, we utilize CSS for extra styling functionality in relation to presentation and layout. XHTML is a stricter and more standardized form of HTML, which follows the rules of XML such as the requirement for well-formatted and valid against a schema or DTD.

2. Document Object Model (DOM)

The Document Object Model is a platform and language independent standard object model for representing HTML or XML.

3. XML

XML is typically used as the format for transferring data between the server and the client. Using XML we can represent any applicable data object structure we might wish to represent.

4. XMLHttpRequest (XHR) and JavaScript

The XMLHttpRequest is the core of the Ajax model; without it the model would not exist. The XMLHttpRequest JavaScript object is the enabling technology which is used to exchange data asynchronously with the web server. In short, XMLHttpRequest lets us use JavaScript to make a request to the server and process the response without blocking the user. Naturally, as we are using this JavaScript object, the providing technology is JavaScript and hence some knowledge of JavaScript is required to get Ajax applications to function. 

in my next post i'll explain about Ajax Workflow

Leave Comment