XML в виде HTML таблицы

Рейтинг: 1Ответов: 2Опубликовано: 27.04.2015

Нужно вывести содержимое XML файла в виде HTML - таблицы. Я делала по примеру отсюда http://www.w3schools.com/xml/tryit.a..._display_table. Но почему-то на странице ничего не выводится. В чем проблема?

Файл HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
<script type="text/javascript" src="json_fun.js"></script>
</head>
<body>

<div id="getXML"></div>
<p><input value="XML" type="button"></p>

</body>
</html>

Файл stock.xml:

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

<root>

<string>
    <id>1</id>
    <td_date>12.01.2015</td_date>
    <name>Внимание! Акция от ТМ «Лакалут»!</name>
    <text >
        При покупке зубной пасты ТМ «Лакалут вайт» или «Лакалут актив» Вы получаете скидку 30% на зубную щетку ТМ «Лакалут вайт» или «Лакалут актив». 
        </text>
</string>


<string>
    <id>2</id>
    <td_date>12.01.2015</td_date>
    <name>Уважаемые родители! Не упустите возможность принять участие в акции.</name>
    <text>
    При покупке джамбо упаковок Pampers Premium и Pampers Activ Вы гарантировано получаете подарок*! 
    Главный приз-фотосессия для Вас и Вашего малыша.</text>
</string>


<string>
    <id>3</id>
    <td_date>03.12.2014</td_date>
    <name>Вольтарен эмульгель со скидкой 15%!</name>
    <text>
    С 01.12.2014  при покупке Вольтарен эмульгель 50 г., Вы получаете скидку 15%. 
    Скидка по акции не суммируется со скидкой по дисконтной карте.</text>
</string>


<string>
    <id>4</id>
    <td_date>03.12.2014</td_date>
    <name>Скидка 50% при покупке двух единиц ТМ Бюбхен</name>
    <text>
    С 01.12.2014 по 31.12.2014 при покупке двух единиц продукции ТМ «Бюбхен» Вы получаете скидку 50% . 
    Скидка действует на позицию с более низкой ценой.</text>
</string>


<string>
    <id>5</id>
    <td_date>03.12.2014</td_date>
    <name>25% скидка от ТМ NUK!</name>
    <text>
    С 01.12.2014 по 31.12.2014  при покупке любой продукции ТМ «NUK» Вы получаете скидку -25%. 
    Скидка 25% не суммируется со скидкой дисконтной карты.</text>
</string>

</root>

Файл json_fun.js:

function getXmlFun(){

    if (window.XMLHttpRequest)
      {
        xmlhttp=new XMLHttpRequest();
      }

    xmlhttp.open("GET","stock.xml", false);
    xmlhttp.send();
    xmlDoc=xmlhttp.responseXML; 

    var str =  '<table border="2" width="600"><th>id</th><th>date</th><th>name</th><th>text</th>';
    var x=xmlDoc.getElementsByTagName("string");

    for (i  =0; i<4; i++)
      { 

      str += "<tr><td>" + x[i].getElementsByTagName("id")[0].childNodes[0].nodeValue + "</td><td>" + 
      x[i].getElementsByTagName("td_date")[0].childNodes[0].nodeValue + "</td><td>" +
      x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue + "</td><td>" +
      x[i].getElementsByTagName("text")[0].childNodes[0].nodeValue + "</td></tr>";
      }
    str += "</table>";
    document.getElementById("getXML").innerHTML = str;
}

Источник: Stack Overflow на русском

XML в виде HTML таблицы

Ответы