Answered: Here error i can not detect. here i am…

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter13: Programming For Web Forms: Creatings Forms For Orders And Pa

Section13.2: Visual Overview: Passing Data Between Forms

Problem 1QC

See similar textbooks

Related questions

Question

Here error i can not detect. here i am retrieving xml data in html page in table form by Ajax

<!doctype html>

<html>

<head>

<title>Perfume Data</title>

</script>

<style>

table {

margin: 0 auto;

font-size: large;

border: 1px solid black;

}

th {

font-weight: bold;

border: 1px solid black;

padding: 10px;

text-align: center;

}

td {

padding: 10px;

text-align: center;

font-weight: lighter;

background-color: #E4F5D4;

border: 1px solid black;

}

</style>

</head>

<body>

<tr>

<th>Product name</th>

<th>Brand</th>

<th>Ingredients</th>

<th>Item weight</th>

</tr>

$(document).ready(function () {

// FETCHING DATA FROM JSON FILE

$.getJSON("Perfume.XML",

function (data) {

var student = '';

// ITERATING THROUGH OBJECTS

$.each(data, function (key, value) {

// console.log("v", value)

//CONSTRUCTION OF ROWS HAVING

// DATA FROM JSON OBJECT

value.map(e => {

var res = student += '<tr>'

student += '<td>' +

e.id + '</td>'

student += '<td>' +

e.["Product name"] + '</td>'

student += '<td>' +

e.Brand + '</td>'

student += '<td>' +

e.Ingredients + '</td>'

student += '<td>' +

e.["Item weight"] + '</td>'

student += '</tr>'

return res

})

//INSERTING ROWS INTO TABLE

$('#myTableData').append(student)

})

</script>

</body>

</html>

XML FILE is like this

<?xml version="1.0" encoding="UTF-8" ?>

<Product name>Calvin Klein Beauty Eau de Parfum for Women, 100ml</Product name>

<Brand>Calvin Klein</Brand>

<Ingredients>Alcohol Denat, Water, Parfum</Ingredients>

<Item weight>1 Pounds</Item weight>

</Perfume>

<Product name>Burberry London Fabric Eau De Parfum, 100ml</Product name>

<Brand>BURBERRY</Brand>

<Ingredients>Alcohol Denat, Water, Parfum.</Ingredients>

<Item weight>100 Grams</Item weight>

</Perfume>

Expert Solution

Step by step

Solved in 3 steps with 2 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.