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

Working of AJAX

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 Extensions


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.

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.

  Script Manager and Update Panel

  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.

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


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

  Modified On Nov-30-2017 04:23:40 AM

Leave Comment