AJAX examples and non examples

non AJAX

http://asia.cnet.com/reviews/mobilephones/0,39051203,39269483p-12,00.htm

AJAX

Google maps
Housingmaps

Lab Drag-and-Drop by AJAX

1. Go to Laszlo
2. Study and play around the "drag-and-drop" example.
3. Use this method to control music playing of the song "Where to begin".
4. Add the song to the program.
5. Change the photo to the CD title.
6. If you drag and drop the photo to the "play" area, the music plays.
7. If you drap and drop the photo to the "pause" area, the music pauses.

Lab Movie Player by AJAX

1. Go to Laszlo
2. Study and play around the "scripting" and "video" examples.
3. Use this script to control movie playing.
4. If you push the "pause" button, the movie pauses.
5. If you push the "resume" button, the movie resumes.

Ajax

Why Ajax

• HTML is basically for hyperlinked documents and offers very limited interactions.
• AJAX brings desktop like interactions to the web and complements HTML in terms of graphic user interfaces.

Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates:

• standards-based presentation using XHTML and CSS;
• dynamic display and interaction using the Document Object Model; The structure of the DOM exposes new powerful methods which allow you access and manipulate the elements of any document.
• data interchange and manipulation using XML and XSLT;
• asynchronous data retrieval using XMLHttpRequest;
• and JavaScript binding everything together. It has comprehensive control over every page element.

Reference