使用javascript进行xml dom解析

Question

我对javascript完全陌生。 我需要javascript中的代码，该代码可读取外部xml文件并将每个值记录到控制台中。 以下代码是否会错过将文件加载到html页面之类的东西？

<html>
<xml id="obj" src="books.xml"></xml>
<script>
    console.log(obj);
    var rootnode=document.documentElement;
    for(var i=0;i<rootnode.childNode.childNodes.length;++i)
        for(var j=0;j<rootnode.childNode.childNodes.length;++j)
            {
                console.log(rootnode.childNodes[i].childNodes[j].nodeValue);
            }
</script>
</html>

books.xml文件如下所示

<books>
<book id="b1">
    <name>Java</name>
    <author>Gosling</author>
    <price>600</price>
</book>
<book id="b2">
    <name>Javascript</name>
    <author>Brandon</author>
    <price>400</price>
</book>
</books>

Answer 1

与评论相反，您实际上可以在没有ajax的情况下执行此操作。 实现此目的的方法是给我们一个iframe ，您可以根据需要将其设置为hidden。

考虑与您一样的html文档，但iframe除外：

<html>
  <head><title>whatever</title></head>
  <body>
    <iframe id='data' src='books.xml'></iframe>
  </body>
</html>

您的javascript函数可以是这样的：

function getData(){
  var dataFrame = document.getElementById('data');
  // older versions of IE needed this guard
  var xml = dataFrame.contentDocument || dataFrame.contentWindow.document; 
  var books = xml.getElementsByTagName('book');
  // books is iterable, and you can further extract nodes from it just like HTML tags
  for (var i=0;i<books.length; i++) {
    console.log(books[i]);
  }
}

使用javascript进行xml dom解析

问题描述

1 个解决方案

解决方案1
0 2017-01-29 04:20:33

使用javascript进行xml dom解析

问题描述

1 个解决方案

解决方案1 0 2017-01-29 04:20:33

解决方案1
0 2017-01-29 04:20:33