Part 1 Ajax with JSON and XML 1. Create a folder called Lab10. Note: if you do not have Visual Studio or another web server, I will grade lightly on this lab. Just use the code from class and the textbook and mimic it for this lab. 2. Add a JSON file called members.json to the Lab10 folder with the following information: [5 points] Person 1: name=Cara Van address=2 Highway city=Cleveland zip=12345 phone=999-999-9999 level=Contributing cost=65.00 Person 2: name=Bill Bord address=1 Side of Street city=Parma zip=11111 phone=123-123-1234 level=Individual cost=50.00 3. Create an XML file called memberships.xml with membership levels. Add your XML file to the Lab10 folder. [5 points] level1 i. type=seasonal ii. cost=35.00 level2 i. type=individual ii. cost=50.00 level3 i. type=family ii. cost=65.00 level4 i. type=contributing ii. cost=70.00 4. Create an HTML file called Lab10.html. Use the following HTML outline. Display all membership levels in the span with id membershipLevels. Display all members in the span with id members. [10 points] First Form

Membership Levels

Current Members

Part 2 Concepts 1. Add an XML file to your project folder called questions.xml. In this XML file, add the root element questions. Then add child elements called question with ids: question1, question2, and question3. Answer the following questions inside of those elements. Make sure that questions.xml is pushed with your project. 2. Describe the purpose of AJAX. What advantage does AJAX provide over a traditional HTML form submit. [2 points] 3. Describe the role of JSON and XML with AJAX. [2 points] 4. If you had to choose just one, which would you choose: XML or JSON? Why? [2 points]