Download Document

Beginning AJAX for CF
programmers
By Martín Cadirola
Ecotronics
What is AJAX?
• Asynchronous Javascript and XML
– No reloading/refresh to show data
– Use of DHTML and JS DOM techniques
– Requires server to feed XML documents
Real World AJAX
• “Web 2.0” enabling tool
–
–
–
–
–
Protopage.com
37signals.com
Digg.com
Google (Maps, Mail)
Rico Demos
AJAX: the big picture
• Web experiences evolving into a better
user interface aka rich internet media:
AJAX (javascript + xml)
AFLAX (flash + xml)
Macromedia Flex ($)
OpenLaszlo (Open Source)
AFLAX library (Open Source)
AJAX requirements/tips
•
•
•
•
Have Javascript enabled
Cross-browser compatibility defined
Back-button may need tweaking
Extra work for Section 508 pages
AJAX implementations
• Familiar with Javascript?
– Try from scratch
• Save time? Work with libraries!
– CF-AJAX by IndianKey.com
AJAX: The Basics
• Libraries…a must
• XMLHttpRequest object
• Security considerations
AJAX Resources
Tutorials
• http://developer.mozilla.org
• http://developer.apple.com/internet/webcontent/xmlhttpreq
.html
• http://www-128.ibm.com/developerworks/web/library/waajaxintro1.html
Libraries
• http://www.indiankey.com/cfajax/
• http://www.openrico.org
• http://www.aflax.org
• More links provided by the audience (thank you to everyone!)
on next page
AJAX Resources
•
•
•
•
http://www.thinkcap.org
http://www.eyeos.org
http://www.techfeed.net/cfQuickDocs
http://www.interaktonline.com/Produ
cts/Eclipse/JSEclipse/Overview/
Q&A
• More questions?
martin @ ecotronics . com