Ajax basic intro

Post on 22-Jan-2018

179 views 1 download

Transcript of Ajax basic intro

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

Basics of Ajax BIG picture of how Ajax works Code samples

Inner workings of Ajax (Ajax engine) Atlas

Asynchronous Javascript And XML

Connection between client side script and server side script.

Better user experience More flexibility More options

A client script asynchronously calls a server side function.

Windows Live Local Windows Live Mail (Hotmail Beta) Google Maps Google Suggest

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.

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.

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.