ProfBurnett.com - Master a Skill / Learn for Life

XML/JSON/AJAX - Session IV

Session Outline

  • Asynchronous JavaScript And XML (AJAX)

Class Presentations

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter Presentation Examples Zip File Solution Set Zip File
IV Session IV
Setting Up Development Environment

Student Exercises

Student Exercise 1 - Enhance Flickr AJAX App

  • 1. Complete Chapter 12-1 Enhance Flickr Application on page 369.
  • 2. Students will upload Enhance Flickr Application to development site.
  • 3. Students will preview in browser development site.
  • 4. Students will upload development site to live site.
  • 5. Students will preview live site.

Student Exercise 2 - AJAX XML DOM Reques

  • 1. Create XML data file that has five node elements and 8 child nodes.
  • 2. Name your xml file {Filename_Your_Name.xml} - e.g. – music_jane_doe.xml or musicJaneDoe.xml.
  • 3. Display data in an HTML table using Retrieve the content of an XML file as guide and getCatalog.html file template.
  • 3. Students will upload xml file to development site.
  • 4. Students will preview xml file on development site.
  • 5. Students will upload development site to live site.
  • 6. Students will preview live site in browser.

Additional Support Exercises

LinkedIn Exercises

LinkedIn XML-JSON-AJAX Session IV Exercises
Session Chapter Level Course
IV Beginner jQuery Data with AJAX
IV Beginner JavaScript and AJAX: Integration Techniques
IV Beginner Building Web Applications with Ajax
IV Beginner jQuery Data with AJAX
IV Beginner Vanilla JavaScript: Ajax and Fetch

w3School Exercises

Gur99 Exercises

Web Support Links:


Colleges and Universities