This document provides an overview of asynchronous JavaScript and XML (Ajax) including how it allows asynchronous client-side script calls to server-side functions, providing a better user experience. Code samples are presented to demonstrate getting data from the server without reloading the page, passing parameters to server-side scripts, and returning classes from the server. Steps for implementing Ajax include adding references, configuring handlers, creating public server-side functions, and accessing those functions through client-side script.

1. Asynchronous client calls to the server. A “Post
Back” free environment.

2.  Basics of Ajax
 BIG picture of how Ajax works
 Code samples

3.  Inner workings of Ajax (Ajax engine)
 Atlas

4. Asynchronous Javascript And XML

5.  Connection between client side script and server
side script.
 Better user experience
 More flexibility
 More options

6. A client script asynchronously calls a server side
function.

9.  Windows Live Local
 Windows Live Mail (Hotmail Beta)
 Google Maps
 Google Suggest

10. Car Classifieds website has a dropdown with the
makes of all the cars. Based on the selection of the
“makes” dropdown the “models” dropdown has to be
populated with the correct models provided by the
manufacturer.

11.  Add a reference to the Ajax engine.
 Must tell the application how to handle ashx files
 Must register the class to be used by Ajax.
 Create a PUBLIC function in the server side
that will be accessed from the client script.
 Mark the function so it is available on the client
side.
 Access the server side function through client
side script.
 Handle your need.

12.  Sample 1: Get Time from the server.
 Sample 2: Passing parameters to the server.
 Sample 3: Passing objects as parameters.
 Sample 4: Getting a class from the server.
 Sample 5: Google Suggest mock up.
 Sample 6: Writing your own AJAX.