Question: AJAX and JSON Modify the HTML and JavaScript adding AJAX and JSON that will display the content of the attached XML file (computers.xml). The javascript

AJAX and JSON

Modify the HTML and JavaScript adding AJAX and JSON that will display the content of the attached XML file (computers.xml). The javascript should not try to access any files other than the supplied XML file. The webpage should be well formatted for easy reading.

computers.xml

ATIV Book 4 Laptop Samsung Windows 8 C7 Chromebook Laptop Samsung Chrome OS Pavillion Slimline Desktop HP Windows 8 Jackal 1U Server System76 Ubuntu Power 710 Express Server IBM AIX

chapter8.html

var xhr = new XMLHttpRequest(); xhr.onload = function() { var response = xhr.responseXML; var computer_list = response.getElementsByTagName('computer'); for (var i = 0; i < computer_list.length; i++) { var container, model_name, model, newline; container = document.createElement('div'); // Create

container container.className = 'computer'; // Add class attribute model_name = document.createElement('p'); // Add location data model = document.createElement('b'); newline = document.createElement('br'); model.appendChild(document.createTextNode(getNodeValue(computer_list[i], 'model_name'))); model_name.appendChild(newline); model_name.insertBefore(model, newline); model_name.appendChild(document.createTextNode(getNodeValue(computer_list[i], 'type'))); container.appendChild(model_name); document.getElementById('content').appendChild(container); } // } function getNodeValue(obj, tag) { // Gets content from XML return obj.getElementsByTagName(tag)[0].firstChild.nodeValue; } // THE FINAL PART IS THE SAME AS THE HTML EXAMPLE BUT IT REQUESTS AN XML FILE }; xhr.open('GET', 'computers.xml', true); // Prepare the request xhr.send(null); // Send the request Chapter 8

The Computer List

Below are the list of computers

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

AJAX and JSON Modify the HTML and JavaScript adding AJAX and JSON that will display the content of the attached XML file (computers.xml). The javascript should not try to access any files other than...

write an html with javascript and css that display the content of the attached XML file (computers.xml). Note that you need to use AJAX and JSON. The javascript should not try to access any files...

Javascript Loading XML with AJAX: Based on the example that includes data-xml.html, data-xml.js, and data.xml shown below, use it to write an HTML with JavaScript that displays the content of the...

I need assistance with this question: chapter 8 Requirements: Based on examples on AJAX and JASON in this chapter (all the code of this example can be downloaded from the book site as usual), write...

I have to create a program in C and I can't figure it out. The program has to read a source file. Please help. /******************************************************************** PROJECT: Glossary...

Requirements: Based on examples on AJAX and JASON in this chapter (all the code of this example can be downloaded from the book site as usual), write an HTML with JavaScript (and probably image files...

I need help with these 2 parts because I don't understand what it's asking: Part 1 In this exercise, rewrite the code for a Future Value application that uses JavaScript with jQuery. That will show...

Building a Simple Web Server with ExpressJS This lecture will be a bit different this week and instead of covering a specific chapter topic, we will walk through building a simple ExpressJS web...

I Need it very urgently! please Help me! Due Date: See Slate Dropbox In this assignment, you will be creating a web-based application. You will be practicing what was learned in class regarding...

From the following data calculate expected return & standard deviation of shares of A ltd. The current market price = Rs. 261.25 Economic Condition Probability Share Price Dividend High Growth...

As the chief executive officer of a Silicon Valley software company, you become aware that your chief competitor is working on a new computer program that will revolutionize interactive voice-based...

A car sales person offers you a car at the price of 2 2 , 8 9 5 you look up the mean sales price for that car and find out that the main is 2 1 , 9 0 0 with the standard deviation of 6 5 0 what is...

Compared with half a century ago, adoption has become _ _ _ _ _ _ _ _ _ common, but it is more open and acceptabl e , so we probably discuss it _ _ _ _ _ _ _ . fill in the blanks more or much less or...

a. Do team members trust each other?

How do members envision the ideal team?

Has the team been empowered to prioritize the issues?