JavaScript-解析XML数据

Question

所有其他文章都利用解析简单的XML，我需要了解如何解析子级别。

其他人发布了什么...

<book>
 <booktitle>something</booktitle>
 <author>someone</author>
</book>

足够简单...但这就是我要处理的内容，我需要从菜谱开始...

<cookbook>
 <bookid>
   <booktitle>something</booktitle>
   <author>someone</author>
 </bookid>
 <bookid>
   <booktitle>something</booktitle>
   <author>someone</author>
 </bookid>
</cookbook>

在Powershell中，您可以按（book.bookid.booktitle）进行挖掘，但是我在Javascript中看不到。 另一件事是，每本书的ID保持不变，但我需要每本书的名称。

var parser = new DOMParser();
var xmlDoc = parser.parseFromString(book, "text/xml");
var first = xmlDoc.getElementsByTagName("cookbook")[0].childNodes[0].nodeValue;

每本书我都需要Cookbook> bookid> booktitle>。 我尝试设置节点和子节点的值，但它从未显示返回值只是空白或null。 再次，我在这里提到的所有帖子都涉及一个级别而不是三个级别，这就是让我失望的原因。

这个站点的信息很好，但是又是一个级别... https://developer.mozilla.org/en-US/docs/Web/Guide/Parsing_and_serializing_XML

让我澄清一些事情。 我正在解析的xml在其他嵌套组下的其他位置列出了书名，例如dogbook> bookid> booktitle。 我想要此组Cookbook> bookid> booktitle>，因为不需要其他标题，因此搜索书名将同时返回cook和dog。 忘了那个重要的部分...

Answer 1

编辑以说明循环浏览以下书籍：

您可以在浏览器中使用jQuery，或在NodeJS中使用cheerio（为服务器构建的jQuery的子集， https: //www.npmjs.com/package/cheerio）轻松解析XML。 学习该API可能需要花费一些时间来继承XML文档和/或遍历元素，但是它非常简单易用。

// if jQuery or cheerio is bound as the `$` variable

const myXml = `<books>
  <cookbook>
    <bookid>
      <booktitle>My Cookbook 1</booktitle>
      <author>someone1</author>
    </bookid>
    <bookid>
      <booktitle>My Cookbook 2</booktitle>
      <author>someone</author>
    </bookid>
    <bookid>
      <booktitle>My Cookbook 3</booktitle>
      <author>someone</author>
    </bookid>
  </cookbook>
  <dogbook>
    <bookid>
      <booktitle>My Dogbook 1</booktitle>
      <author>someone</author>
    </bookid>
    <bookid>
      <booktitle>My Dogbook 2</booktitle>
      <author>someone</author>
    </bookid>
  </dogbook>
</books>`

const $myXml = $( $.parseXML(myXml) )
$firstCookBook = $myXml.find('cookbook').find('bookid').first()

$firstCookBook.children('booktitle').text()
// 'My Cookbook 1'

$firstCookBook.children('author').text()
// 'someone1'


// looping through all cookbook titles at books > cookbook > bookid > booktitle
$myXml.children('books').children('cookbook').each(function(index) {
  console.log($( this ).find('booktitle').text())
  // My Cookbook 1
  // My Cookbook 2
  // My Cookbook 3
})

Answer 2

var book = `<cookbook>
 <bookid>
   <booktitle>something delicious</booktitle>
   <author>someone</author>
 </bookid>
 <bookid>
   <booktitle>something else delicious</booktitle>
   <author>someone</author>
 </bookid>
</cookbook>`;

var parser = new DOMParser();
var xmlDoc = parser.parseFromString(book, "text/xml");
var first = xmlDoc.getElementsByTagName("booktitle")[0].childNodes[0].nodeValue;

console.log(first);

这会在控制台上打印出“美味的东西”。 Javascript不喜欢多行变量，要么将整个字符串放在一行上，要么使用反斜杠（`）。