{[ promptMessage ]}

Bookmark it

{[ promptMessage ]}

Notes 19 - ajax

Notes 19 - ajax - Ajax Asynchronous JavaScript XML Mark...

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

View Full Document Right Arrow Icon
© 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?)
Image of page 1

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

View Full Document Right Arrow Icon
© 2007-2009 Marco Papa & Ellis Horowitz 2 A synchronous Ja vaScript + X ML Ajax isn’t a technology. It’s 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
Image of page 2
© 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
Image of page 3

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

View Full Document Right Arrow Icon
© 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/
Image of page 4
iGoogle is Google’s 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;
Image of page 5

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

View Full Document Right Arrow Icon
iGoogle Uses JavaScript and the XMLHttpRequest Object • iGoogle source page includes several imported JavaScript files; • <script src="/ig/extern_js/f/CgJlbhICdXMrMO0BOAMsKzDyATgKLA/L2moBjfM954.js"> • <script src=/ig/f/b5O3N5OelEU/modules/datetime_v2/datetime_home_compiled.js> Below is a portion of the course code, showing the reference to the XMLHttpRequest object © 2007-2009 Marco Papa & Ellis Horowitz 6
Image of page 6
Image of page 7
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern