xpath, mostrar informacion en diferentes DIV.
Publicado por manuel (4 intervenciones) el 16/01/2017 14:00:44
hola llevo estancado un tiempo en este problema, tengo el siguiente xml:
y quiero sacarlo con el Xpath y atribuir distintos valores a distintos divs, por ejemplo, atribuir el precio a distintos divs, darle el valor al div para cuando pulse encima se sume al carro de la compra , no se si me explico . por favor alguien que me diga como hacerlo o que me diga una referencia de como buscarlo o donde un saludo. aqui dejo el codigo javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="COOKING">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="CHILDREN">
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
<book category="WEB">
<title lang="en">XQuery Kick Start</title>
<author>James McGovern</author>
<author>Per Bothner</author>
<author>Kurt Cagle</author>
<author>James Linn</author>
<author>Vaidyanathan Nagarajan</author>
<year>2003</year>
<price>49.99</price>
</book>
<book category="WEB">
<title lang="en">Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>
</bookstore>
y quiero sacarlo con el Xpath y atribuir distintos valores a distintos divs, por ejemplo, atribuir el precio a distintos divs, darle el valor al div para cuando pulse encima se sume al carro de la compra , no se si me explico . por favor alguien que me diga como hacerlo o que me diga una referencia de como buscarlo o donde un saludo. aqui dejo el codigo javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
</head>
<body>
<p <div style="color:#0770FF" id="demo" ></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
showResult(xhttp.responseXML);
}};xhttp.open("GET", "books.xml", true);
xhttp.send();
function showResult(xml) {
var txt = "";
path = "/bookstore/book //title | //author | //price | //price | //year"
if (xml.evaluate) {
var nodes = xml.evaluate(path, xml, null, XPathResult.ANY_TYPE, null);
var result = nodes.iterateNext();
while (result) {
txt += result.childNodes[0].nodeValue + "<br>";
result = nodes.iterateNext();
} }document.getElementById("demo").innerHTML = txt;
}</script>
</body>
</html>
Valora esta pregunta
0