Ссылка: https://www.w3schools.com/XML/ajax_xmlfile.asp
Я хочу создать таблицу из данных XML с использованием Javascript. Я не был уверен, какая часть содержит ошибки, поскольку она не работает. Я следую за каждой частью ссылки и изменяю соответственно. Насколько я вижу, html-часть должна быть в порядке из-за моих тегов xml, так как я экспортировал ее из mySQL (проблема с типом переменных полей данных SQL)?
CD.xml
<!--- Database: 'CATALOG' -->
-<database name="CATALOG">
<!-- Table CD -->
-<table name="CD">
<column name="Title">Empire Burlesque</column>
<column name="Artist">Bob Dylan</column>
</table>
-<table name="CD">
<column name="Title">Hide your heart</column>
<column name="Artist">Bonnie Tyler</column>
</table>
</database>
test.html
<html>
<body>
<table id="table1">
</table>
<button id="click" onclick="loadDoc()">button</button>
<script>
function loadDoc()
{
var xhttp= new XMLHttpRequest();
xhttp.onreadystatechange= function()
{
if( this .readyState ==4&& this .status == 200)
{
myFunction(this);
}
};
xhttp.open("GET","CD.xml",true);
xhttp.send();
}
function myFunction(xml)
{
var i;
var xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName("CD");
var table="<tr><th>Title</th><th>Artist</th</tr>"
for(i=0;i<x.length;i++)
{
table +="<tr><td>";
table += x[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue;
table += "</td><td>";
table += x[i].getElementsByTagName("Artist")[0].childNodes[0].nodeValue;
table += "</td></tr>";
}
document.getElementById("table1").innerHTML=table;
}
</script>
</body>
</html>