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

Ajax basic intro

Embed Size (px)

Citation preview

Page 1: Ajax basic intro

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

Page 2: Ajax basic intro

Basics of Ajax BIG picture of how Ajax works Code samples

Page 3: Ajax basic intro

Inner workings of Ajax (Ajax engine) Atlas

Page 4: Ajax basic intro

Asynchronous Javascript And XML

Page 5: Ajax basic intro

Connection between client side script and server side script.

Better user experience More flexibility More options

Page 6: Ajax basic intro

A client script asynchronously calls a server side function.

Page 7: Ajax basic intro
Page 8: Ajax basic intro
Page 9: Ajax basic intro

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

Page 10: Ajax basic intro

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.

Page 11: Ajax basic intro

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.

Page 12: Ajax basic intro

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.