L18-Ajax - Session 18 Ajax Session 18 Ajax 1 Reading...

Info iconThis preview shows pages 1–6. Sign up to view the full content.

View Full Document Right Arrow Icon
Session 18 – Ajax 11/17/2010 1 © Robert Kelly, 2005-2010 Session 18 Ajax 1 Reading Sun Tutoria Sun Tutorial java.sun.com/developer/technicalArticles/J2EE/AJAX/ Reference XMLHttpRequest object en.wikipedia.org/wiki/Xmlhttprequest www w3 org/TR/XMLHttpRequest/ © Robert Kelly, 2005-2010 2 www.w3.org/TR/XMLHttpRequest/ JavaScript by David Flanagan, O’Reilly Press (Available on-line through Safari textbooks), Chapter 20.
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Session 18 – Ajax 11/17/2010 2 © Robert Kelly, 2005-2010 Learning Goals Understand the architecture of Ajax Understand the XMLHttpRequest object Understand how to develop an Ajax application © Robert Kelly, 2005-2010 3 What is Ajax? A synchronous Ja vaScript Technology and X ML Allows incremental update of Web pages within the browser Not dependent on any given language or data exchange format, but works well with Xhtml © Robert Kelly, 2005-2010 4 JavaScript
Background image of page 2
Session 18 – Ajax 11/17/2010 3 © Robert Kelly, 2005-2010 Examples Microcontent http://tiddlywiki.com/ http://phrogz.net/JS/Tabtastic/index.html Image update http://www.couloir.org/ http://www.tartanmaker.com © Robert Kelly, 2005-2010 5 Ajax Uses Real-time form data verification Autocompletion Master details (deep tree navigation) Expanded user interface controls (e.g., voting) Refreshing data on the page (e.g., news/sports) © Robert Kelly, 2005-2010 6 Rapid user-to-user communications
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Session 18 – Ajax 11/17/2010 4 © Robert Kelly, 2005-2010 Ajax Limitations Complexity (development and debugging) Non-standard XMLHttpRequest object Viewable source code Download of sizeable JavaScript libraries © Robert Kelly, 2005-2010 7 Classic Browser/Server Interaction browser click …wait… click …wait… click request Html page request Html page © Robert Kelly, 2005-2010 8 server processing processing
Background image of page 4
Session 18 – Ajax 11/17/2010 5 © Robert Kelly, 2005-2010 Ajax Browser/Server Interaction browser User events UI updates browser UI request text request tex Ajax engine Client engine is key to © Robert Kelly, 2005-2010 9 server processing text processing Ajax model by allowing asynchronous operation Typical Ajax Interaction 1. Client event occurs 2. XMLHttpRequest object is created 3. XMLHttpRequest object calls the server
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 6
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 02/22/2011 for the course CSE 336 taught by Professor Kelly,r during the Fall '08 term at SUNY Stony Brook.

Page1 / 12

L18-Ajax - Session 18 Ajax Session 18 Ajax 1 Reading...

This preview shows document pages 1 - 6. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online