1 / 21

AJAX

AJAX. JaxFusion April 2006 David Fekke. Who am I?. David Fekke Lead Software Engineer Data Inteligence Group http://www.fekke.com/blog/ davidfekke@gmail.com. Ajax?. What is Ajax?. Just kidding!. Asynchronous JavaScript and XML

trista
Télécharger la présentation

AJAX

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. AJAX JaxFusion April 2006 David Fekke

  2. Who am I? • David Fekke • Lead Software EngineerData Inteligence Group • http://www.fekke.com/blog/ • davidfekke@gmail.com

  3. Ajax? • What is Ajax?

  4. Just kidding! • Asynchronous JavaScript and XML • Makes use XMLHttpRequest object in concert with the dynamic html and XML

  5. Whats all the hype about • Fully buzzword compliant • Web 2.0 • Build truly dynamic web applications

  6. Some examples • Google Maps • Gmail • Local.live.com

  7. History • Nothing new here • Remote scripting 1998 • Major differences between IE4 and Netscape 4, IFRAME vs LAYER • Term coined by Adaptive Path

  8. XMLHttp Request Object • Syntax different depending on browser • Mozilla, Safari, Opera new XMLHttpRequest() • Internet Explorer new ActiveXObject("Microsoft.XMLHTTP")

  9. XMLHttp methods and properties • XMLHTTPObj.open(“get”,url,true); • .setRequestHeader(“name”,”value”); • .send(); • .responseText; • .responseXML;

  10. XML methods & properties • getElementsByTagName()[]; • childNode[1].nodeValue; • firstChild.nodeValue; • UDF getElementTextNS()

  11. DHTML methods & properties • getElementById(); • innerHTML; • createElement(); • appendChild(); • createTextNode();

  12. Transport methods • SOAP • REST

  13. ColdFusion Ajax frameworks • Cfajax • AjaxCFC • JSMX • IBM WSAjax

  14. Pros • Pull back small pieces of data without having to reload the whole page. • Can save bandwidth • More Interactive

  15. Cons • Back button does not work as expected • Security issues • Network latency • Compatibility, older browsers, JavaScript inactivated • Accessibility

  16. Compatible Browsers • IE5+ • Gecko based browsers, Mozilla, Firefox, Netscape 7.1+ . . . • KHTML, Konqueror, Safari 1.2+ • Opera 8+

  17. Non compatible browsers • Opera 7 and lower • Lynx, text based • Visually impaired browsers

  18. Resources • http://adaptivepath.com • http://www.indiankey.com/cfajax/ • http://developer.apple.com/internet/webcontent/xmlhttpreq.html • http://www-128.ibm.com/developerworks/webservices/library/ws-wsajax/

More Related