1. An Introduction to Ajax Programming Dr. Harry Chen CMSC 491S/691S March 5, 2008

5. Ajax is a 3-Legged Stool XHTML JavaScript CSS Ajax Adopted from Simon Wilson: http://www.slideshare.net/simon/how-to-make-ajax-work-for-you

6. JavaScript in 10 minutes Examples adopted from http://www.w3schools.com/js/js_examples.asp

7. Say “hello world” What’s ‘document’?

8. Write into HTML <body/> ‘ document ’ is a predefined JavaScript variable that represents the entire HTML document. You can read from and write to the current document via this ‘ document ’ variable.

10. Define variables

11. Define Array and Associative Array

12. Function

15. DOM and XMLHttpRequest

17. DOM Tree http://flickr.com/photos/13571173@N00/411653343/

18. An XML DOM (not XHTML) <bookstore> <book category=“c1”> <title lang=“en”>Everyday Italian</title> <author>Giada De Laurentiis</author> <year>2005</year> <price>30.00</price> </book> </bookstore>

19. HTML DOM Tree – an example

25. Fetch XML Data from the Server http://www.w3.org/TR/XMLHttpRequest/

26. Send data using XMLHttpRequest http://www.w3.org/TR/XMLHttpRequest/

27. Common Problems with DOM and XMLHttpRequest

31. Get Node Value – FF vs. IE

33. Ajax Programming with Mochikit

37. What does MochiKit provide? Ajax programmers look here!

38. Fetch JSON Data from the Server The location of the data. Instantiate a function for making the call. Define how we want to handle the “response”. Actually makes the call.

41. Ajax Pitfalls

48. Ajax Programming in gnizr