Ajax allows for asynchronous data retrieval and manipulation without reloading the entire web page. It uses a combination of XMLHttpRequest, JavaScript, CSS, and HTML. This enables dynamic display and interaction on web pages by allowing asynchronous retrieval of data from the server in the background without interfering with the display and behavior of the existing page. The term "Ajax" was coined in 2005 but the underlying technologies like XMLHttpRequest had existed earlier. Ajax helped popularize the concept of Rich Internet Applications and is now commonly used in applications like Google Maps and Flickr to reload only parts of pages instead of the whole page for more dynamic and interactive experiences.

1. Introduction to Ajax
Apr 22, 2005
Sang-Kil Park

2. What is Ajax?

3. What is Ajax?
Asynchronous Javascript And XML

4. What is Ajax?
Asynchronous Javascript And XML

5. The History of Ajax

6. HTTP has some limitations.

7. Microsoft’s Remote Scripting
XML and XSLT

8. IE Specific
We need more flexible skills.

9. XMLHttpRequest

10. Microsoft first implemented the XMLHttpRequest
object in Internet Explorer 5 for Windows as an
ActiveX object.

11. Engineers on the Mozilla project implemented a
compatible native version for Mozilla 1.0 (and
Netscape 7).

12. Apple has done the same starting with Safari 1.2.

13. W3C, Document Object Model (DOM) Level 3
Load and Save Specification.
XMLHttpRequest object has become a de facto
standard.

15. Who named Ajax?

16. Apr 1, 2004 April Fool’s Day
Google
E-Mail Services
1GB Storage

17. Apr 1, 2004 April Fool’s Day
Google
E-Mail Services
1GB Storage
Incredible User Interfaces

18. 만우절 뻥?

20. Ajax: A New Approach to Web
Applications
Feb 18, 2005
Jesse James Garrett , adaptive path

21. Defining Ajax

22. Defining Ajax
standards-based presentation using XHTML and CSS
dynamic display and interaction using the Document Object Model
data interchange and manipulation using XML and XSLT
asynchronous data retrieval using XMLHttpRequest
and JavaScript binding everything together

25. Ajax =

26. Ajax =
XMLHttpRequest + asynchronous

27. HTTP is a not reliable Protocol.

28. DHTML Dude, Dave Massy(Microsoft) said:
Ajax is just DHTML + XMLHttp

29. asynchronous

30. Columbus breaking the Egg.

31. Google breaking the XMLHttpRequest
and inventing the Ajax.

33. true = asynchronous

34. Ajax isn't something you can
download. It's an approach.

35. The Future of Ajax

36. Weblications
Dec 20, 2004
Adam Rifkin, former Microsoftie

37. Rich Internet Applications(RIA)
Macromedia: Flash, Flash Communications
Server, Central, Flex.
Microsoft: Active-X, XAML
W3C: SVG
Google: Ajax(XMLHttpRequest, JavaScript, XML)
Adobe LiveMotion, Laszlo, Java Applet

38. Rich Internet Applications(RIA)
Macromedia: Flash, Flash Communications
Server, Central, Flex.
Microsoft: Active-X, XAML
W3C: SVG
Google: Ajax(XMLHttpRequest, JavaScript, XML)
Adobe LiveMotion, Laszlo, Java Applet

40. Ajax is the trendy method of
developing Web 2.0 apps right now.

41. RubyOnRails 0.11
Ajax in under five minutes

42. 사용자:
개발자:

43. 사용자: 사용하기 쉽다.
개발자: 만들기 쉽다.

44. Win-Win

45. BUT

46. Do not load entire pages.
Do not break what the user is focusing on.
Do not use it to eliminate acceptance.
Do not over-use it.
Consider how to handle users that cannot use
XMLHttpRequest.

47. Case Study #1
Google Suggest

49. Case Study #2
Google Maps

50. NOT Active-X

51. Case Study #3
Flickr

53. DEMO

54. References
• Ajax: A New Approach to Web Applications
• Dynamic HTML and XML: The XMLHttpRequest Object
• Dave Massy's WebLog : Ajax == DHTML + XMLHttp
• Hogarth :Columbus breaking the Egg
• javascript:xmlhttprequest:behaviour
• Weblications
• Web 2.0 Weekly Wrap-up
• Rails 0.11.0: Ajax, Pagination, Non-vhost, Incoming mail
• XMLHttpRequest Usability Guidelines