Witam
Mam problem z podłaczeniem pliku xml do html. Nie mam pojęcia gdzie jest błąd. W konsoli pokazuje ze jest okey. Próbowałem przez serwer też nie działa. Proszę o pomoc :)
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE catalogue [
<!ELEMENT catalogue (note+)>
<!ELEMENT note (#PCDATA|types|company|model|accessories)*>
<!ELEMENT type (#PCDATA)>
<!ELEMENT size (#PCDATA)>
<!ELEMENT company (#PCDATA)>
<!ELEMENT model (#PCDATA)>
<!ELEMENT accessories (#PCDATA)>
<!ELEMENT types (type,size)>
<!ATTLIST types number CDATA "0">
<!ATTLIST note id CDATA "0">
]>
<catalogue>
<note id="1" >
<types number="561" >
<type>kolarzowka</type>
<size>L</size>
</types>
<company>trek</company>
<model>oclv</model>
<accessories>ultegra</accessories>
</note>
<note id="2">
<types number="562">
<type>kolarzowka</type>
<size>L</size>
</types>
<company>trek</company>
<model>oclv</model>
<accessories>ultegra</accessories>
</note>
</catalogue>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
table,th,td {
border : 1px solid black;
border-collapse: collapse;
}
th,td {
padding: 5px;
}
</style>
</head>
<body>
<section id="xmlContent">
<script>
function loadXMLDoc() {
var xmlhttp = new XMLHttpRequest(); //definiujemy obiekt
xmlhttp.onreadystatechange = function() { //sprawdzamy status
if (this.readyState == 4 && this.status == 200) {
//jeśli wszystko jest ok, odpalamy naszą metodę do danych
exampleFunction(this);
}
};
xmlhttp.open("GET", "data.xml", true); //otwieramy połączenie
xmlhttp.send(); //wysyłamy żadanie
}
function exampleFunction(xml) {
var i;
var xmlDoc = xml.responseXML; //odpowiedź z danymi
var data="";
var x = xmlDoc.getElementsByTagName("note"); //elementy <note>
var y;
for (i = 0; i <x.length; i++) {
data += "<h2>Artist Name: ";
data += "<h2>note: " + x[i].childNodes[0].nodeValue + ": "+ x[i].getAttribute('ID') +"</h2>";
z = x[i].getElementsByTagName("company");
data += x[i].getElementsByTagName("company")[0].childNodes[0].nodeValue ;
data +="</h2><h3>model: "
data += x[i].getElementsByTagName("model")[0].childNodes[0].nodeValue ;
data += "</h3>";
y = x[i].getElementsByTagName("types")[0].getElementsByTagName("type");
data += "<p><strong>Music category:</strong></p><ul>";
for(j = 0; j <y.length; j++) {
data += "<li>" + y[j].childNodes[0].nodeValue+ "</li>";
}
data += "</ul>";
}
document.getElementById("xmlContent").innerHTML = data;
}
</script>
</section >
</body>
</html>
