javascript - 用 HTML 编写 XML 文件

Question

我正在尝试使用 XML 文件，并使用 HTML 在我的网站上写出信息。如果是学校元素，老师特别告诉我们使用 XML 和 HTML。我的 HTML 已经包含代码、图片、文本等，而且效果很好。所以我试着把 XML 代码放在一个标签里，然后写出来。 XML 文件只是一个表格，其中包含一些关于我最喜欢的篮球运动员的信息。

我已经在互联网上搜索了几天，但找不到有关该主题的任何信息。我访问了 W3Schools 网站并尝试使用那里提供的信息。

问题是当我使用他们在那里所做的，尝试扩展它，并让它与我自己的标签一起工作时，它根本不起作用!例如，当我在 XML 文件中有两个标签，并尝试将其写出时，它起作用了。然后我尝试再添加一个标签，整个过程就停止了。唯一出现的是一个黑色的小方 block 。

这是我的 XML 代码:

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


<basketballplayers>
<player>
  <name>Steve Nash</name>
  <college>Santa Clara</college>
  <team>La Lakers</team>
</player>
<player>
  <name>Ricky Rubio</name>
  <college>Did not attend</college>
  <team>Minnesota Timberwolves</team>
</player>
<player>
  <name>Michael Jordan</name>
  <college>North Carolina</college>
  <team>Chicago Bulls</team>
</player>
</basketballplayers>

这是我的 HTML 代码，只有 XML 内容:

            <script>
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "proving.xml", false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;

document.write("<table border='1'>");

var x = xmlDoc.getElementsByTagName("player");

for (i = 0; i < x.length; i++) {
    document.write("<tr><td>");
    document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
    document.write("</td><td>");
    document.write(x[i].getElementsByTagName("college")[0].childNodes[0].nodeValue);
    document.write("</td></tr>");
    document.write(x[i].getElementsByTagName("team")[0].childNodes[0].nodeValue);
    document.write("</td></tr>");
}
document.write("</table>");
            </script>

        </div>

Answer 1

利用jquery js库，

尝试

$.get("proving.xml", null, null, "xml")
.done(function (xml, textStatus, jqxhr) {
    $("body").append("<table id=result border=1></table>");
    $(xml).find("player *").each(function (i, el) {
        $("#result").append("<tr><td>" + el.textContent + "</td></tr>")
    })
})

jsfiddle http://jsfiddle.net/guest271314/w6nx71pd/