JavaScript如何解析xml数据？ 原生JS与jQuery处理xml的两种方式

const xmlStr = `
<books>
  <book id="1">
    <title>JavaScript 高级程序设计</title>
    <author>Nicholas Zakas</author>
  </book>
  <book id="2">
    <title>你不知道的 JavaScript</title>
    <author>Kyle Simpson</author>
  </book>
</books>`;

const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, "text/xml");

const books = xmlDoc.getElementsByTagName("book");
for (let i = 0; i < books.length; i++) {
  const title = books[i].getElementsByTagName("title")[0].textContent;
  const author = books[i].getElementsByTagName("author")[0].textContent;
  const id = books[i].getAttribute("id");
  console.log(`ID: ${id}, 书名: ${title}, 作者: ${author}`);
}

fetch('data.xml')
  .then(response => response.text())
  .then(str => {
    const parser = new DOMParser();
    const xmlDoc = parser.parseFromString(str, "text/xml");
    // 解析并处理 xmlDoc
  });

$.ajax({
  url: 'data.xml',
  dataType: 'xml',
  success: function(xmlDoc) {
    $(xmlDoc).find('book').each(function() {
      const id = $(this).attr('id');
      const title = $(this).find('title').text();
      const author = $(this).find('author').text();
      console.log(`ID: ${id}, 书名: ${title}, 作者: ${author}`);
    });
  },
  error: function() {
    console.error('XML 加载失败');
  }
});

const $xml = $($.parseXML(xmlStr));
$xml.find('book').each(function() {
  // 处理每个 book 节点
});