articles

Home / DeveloperSection / Articles / AJAX (Asynchronous JavaScript and XML)

AJAX (Asynchronous JavaScript and XML)

Amit Singh7828 07-Sep-2010

Introduction

AJAX is used in web development. It signifies the capability to build applications that make a use of XmlHttpRequest object.

AJAX is popular after Google launch notable application like Google map, Google earth etc.

How it works

AJAX (Asynchronous JavaScript and XML)

Figure above demonstrates that the first thing that happens is the entire page is delivered in the initial request and response. From there, any partial updates required by the page are done using the client script library. This library can make asynchronous can requests and update just the portion of the page that needs updating. One major advantage to this is that a minimal amount of data is transferred for the updates to occur. Updating a partial page better than recalling the entire page for what is just a small change to the page.  

ASP.Net  page with AJAX 

AJAX (Asynchronous JavaScript and XML)

 

In visual studio 2008 toolbox, you will find new section titled AJAX Extensions (shown above). From AJAX Extension, add a ScriptManager server control to top of the page and include any other control inside UpdatePanel. the UpdatePanel is a template control and allows you to include any number of items within it.

Example:
How use the ScriptManager and UpdatePanel 

Step 1: Choose the new web applicationand put the ScriptManager at the top, take some other control, two buttons and two textbox within UpdatePanel.

  AJAX (Asynchronous JavaScript and XML)

  Step 2: Run the application

When we press the withoutUPanel button then whole page will loading and data will be populated in both the textboxs.

AJAX (Asynchronous JavaScript and XML)

  Now, when we press the withinUPanel button then data will be populated only in textbox within UpdatePanel.

 AJAX (Asynchronous JavaScript and XML)

 This application show the how we use the AJAX in our project and understand its benefits.



Updated 04-Mar-2020

Leave Comment

Comments

Liked By