AJAX
This presentation is the property of its rightful owner.
Sponsored Links
1 / 21

AJAX PowerPoint PPT Presentation


  • 71 Views
  • Uploaded on
  • Presentation posted in: General

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

Download Presentation

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Ajax

AJAX

JaxFusion April 2006

David Fekke


Who am i

Who am I?

  • David Fekke

  • Lead Software EngineerData Inteligence Group

  • http://www.fekke.com/blog/

  • [email protected]


Ajax

Ajax?

  • What is Ajax?


Just kidding

Just kidding!

  • Asynchronous JavaScript and XML

  • Makes use XMLHttpRequest object in concert with the dynamic html and XML


Whats all the hype about

Whats all the hype about

  • Fully buzzword compliant

  • Web 2.0

  • Build truly dynamic web applications


Some examples

Some examples

  • Google Maps

  • Gmail

  • Local.live.com


History

History

  • Nothing new here

  • Remote scripting 1998

  • Major differences between IE4 and Netscape 4, IFRAME vs LAYER

  • Term coined by Adaptive Path


Xmlhttp request object

XMLHttp Request Object

  • Syntax different depending on browser

  • Mozilla, Safari, Opera new XMLHttpRequest()

  • Internet Explorer new ActiveXObject("Microsoft.XMLHTTP")


Xmlhttp methods and properties

XMLHttp methods and properties

  • XMLHTTPObj.open(“get”,url,true);

  • .setRequestHeader(“name”,”value”);

  • .send();

  • .responseText;

  • .responseXML;


Xml methods properties

XML methods & properties

  • getElementsByTagName()[];

  • childNode[1].nodeValue;

  • firstChild.nodeValue;

  • UDF getElementTextNS()


Dhtml methods properties

DHTML methods & properties

  • getElementById();

  • innerHTML;

  • createElement();

  • appendChild();

  • createTextNode();


Transport methods

Transport methods

  • SOAP

  • REST


Coldfusion ajax frameworks

ColdFusion Ajax frameworks

  • Cfajax

  • AjaxCFC

  • JSMX

  • IBM WSAjax


Ajax

Pros

  • Pull back small pieces of data without having to reload the whole page.

  • Can save bandwidth

  • More Interactive


Ajax

Cons

  • Back button does not work as expected

  • Security issues

  • Network latency

  • Compatibility, older browsers, JavaScript inactivated

  • Accessibility


Compatible browsers

Compatible Browsers

  • IE5+

  • Gecko based browsers, Mozilla, Firefox, Netscape 7.1+ . . .

  • KHTML, Konqueror, Safari 1.2+

  • Opera 8+


Non compatible browsers

Non compatible browsers

  • Opera 7 and lower

  • Lynx, text based

  • Visually impaired browsers


Resources

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/


  • Login