Notes 19 - ajax

Notes 19 - ajax - 2007-2009 Marco Papa & Ellis...

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

View Full Document Right Arrow Icon

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

View Full DocumentRight Arrow Icon

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

View Full DocumentRight Arrow Icon

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

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

Unformatted text preview: 2007-2009 Marco Papa & Ellis Horowitz 1 Ajax A synchronous Ja vaScript + X ML Mark Andreessen, Netscape, 1995: "MS Windows will be reduced to a poorly debugged set of device drivers running under Netscape Navigator, with desktop-style applications running inside the browser". This did not happen until 10 years later (true/false?) 2007-2009 Marco Papa & Ellis Horowitz 2 A synchronous Ja vaScript + X ML Ajax isnt a technology. Its really several technologies. Ajax incorporates: standards-based presentation using XHTML; CSS, dynamically manipulated using JavaScript; dynamic display and interaction using the Document Object Model (DOM). Web page exposed as DOM object; data interchange and manipulation using XML and XSLT; asynchronous data retrieval using XMLHttpRequest, a JavaScript object, a.k.a Web remoting; JavaScript binding everything together; Server no longer performs display logic, only business logic. Acronym originated by Jesse James Garrett 2007-2009 Marco Papa & Ellis Horowitz 3 Some History and Browsers Supporting Ajax The XMLHttpRequest object is the main element of Ajax programming Microsoft first implemented the XMLHttpRequest object in Internet Explorer 5 for Windows as an ActiveX object. Similar functionality is covered in a recommended W3C standard, Document Object Model (DOM) Level 3 Load and Save Specification: http://www.w3.org/TR/DOM-Level-3-LS Engineers on the Mozilla project implemented a compatible native version for Mozilla 1.0 (included in Netscape 7, Firefox 1.0 and later releases). Apple has done the same starting with Safari 1.2. Other browsers supporting XMLHttpRequest include: Opera 7.6 and above Apple Safari 1.2 and above others 2007-2009 Marco Papa & Ellis Horowitz 4 Some Examples of Web Sites Built With Ajax Example 1: Web Portals A web portal is a site that offers a broad array of resources and services such as email, forums, search engine, shopping AOL was one of the first portals One of the critical aspects of a portal was the ability to customize the home page for each user This step was "painful" Ajax has revolutionized the ability to let users customize their screens; Users can use drag and drop to move things around on the same screen On the next slides we have some examples Other Examples: ( you will need an account to see these ) Google Calendar http://calendar.google.com Personalized Google Home http://www.google.com/ig?hl=en MyESPN http://myespn.go.com/ iGoogle is Googles Mechanism for Creating a Unique First Page 2007-2009 Marco Papa & Ellis Horowitz 5 You must have a google account; Click on iGoogle in the upper right corner of the google home page; Move the portlets around to see the effect; iGoogle Uses JavaScript and the XMLHttpRequest Object iGoogle source page includes several imported JavaScript files; <script src="/ig/extern_js/f/CgJlbhICdXMrMO0BOAMsKzDyATgKLA/L2moBjfM954.js">src="/ig/extern_js/f/CgJlbhICdXMrMO0BOAMsKzDyATgKLA/L2moBjfM954....
View Full Document

This note was uploaded on 05/12/2011 for the course CSCI 571 taught by Professor Papa during the Fall '07 term at USC.

Page1 / 84

Notes 19 - ajax - 2007-2009 Marco Papa & Ellis...

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

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