AJAX
View Slide
A gentle introduction
(very gentle)
What is AJAX?
AsynchronousJavascriptAndXML
Why?
Interactive Web Apps
No need to reload pages
Less restrictive
It is more a pattern...
...than a technology
Who? When?
The first AJAXapplication wasOutlook Web Access
Adopted by Mozilla
And Google
Jesse James Garrettfrom Adaptive Pathcoined the name “AJAX”
New technology?
(not really)
HTML + CSS
DOM
XMLHttpRequest
JavaScript...
...acting as the glue
What for?
Real-time formvalidation
Auto-completion
Master-detail views
... sophisticated UIs
Happy users
How?
HTTP requests in thebackground
(lots of them)
Asynchronously
Callbacks in JavaScript
readyState == 4 &&request.status == 200
responseTextresponseXml
Interactions
Problems?
Back button
Bookmarks
Confusing userexperience
More JavaScript!
Difficult to debug
Viewable source
Browser support?
Internet Explorer 5+
MozillaOpera 9+Apple Safari
Web 2.0?
AJAX ≠ Web 2.0
AJAX < Web 2.0
AJAX =Core feature of Web 2.0
Web as a platformCollective intelligenceMultiple devicesRich user experience
Future?
Books?
And one more thing...
Thank you!
Questions?