AJAX - Asynchronous JavaScript and XML

   

Classic AJAX Call from JS 

AJAX = Asynchronous JavaScript and XML.  AJAX 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 in JQuery

 

 

 

 

 

 

 Old way of handling AJAX request

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

JQuery Source code for AJAX Get Method

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

   

 

ASP.NET Ajax Fundamentals

 

ASP.NET Ajax Introduction

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  Demo of Raw AJAX

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 ASP.NET Ajax Server Controls

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 Server side Conditional Updates with Script manager

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 Optimizing Partial Updates

 

Conditional UI updates:

 

  Conditional SQL calling

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Demo of Triggers

 

 

 

 

 

 

  Nesting Update panels

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  Demo of PageRequestManager of Client side AJAX

 

 

 

 

 

 

 

 

 

 
 Demo to cancel the AJAX request

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  Demo of Update progress

 

 

 

 

 

 

 

 

 

 

 

Demo of Timer control in AJAX

Demo of Exception handling in AJAX

ASP.NET Ajax Server Data

Demo of Script Callable WCF services

We can place Contract and Service code at single file with help of New Factory class of ASP.NET AJAX

Demo of JSON Serialization 

Demo of Page Method in AJAX call in ASP.NET

ASP.NET Ajax Control Toolkit

Demo of AJAX Control Tool kit

Demo of Autocomplete extender on Textbox

Demo of Modal Popup window

Demo of Update panel Animation