javascript - 如何引用与 HTML 和 jQuery 一起使用的 XML 文件/数据？

Question

所以我有一个从 Excel 文件生成的 XML 文件。每个项目看起来像这样:

<item>
    <partnum>pn0001</partnum>
    <category>Parent Category</category>
    <title>Item Name Here</title>
    <type>T27</type>
    <diameter>6"</diameter>
    <width>0.045"</width>
    <arbor>7/8"</arbor>
    <material>Metal</material>
    <maxrpm>13300</maxrpm>
    <tool>Angle Grinder</tool>
    <purpose>Cutting</purpose>
    <brand>Brand Name Here</brand>
    <imgsrc>localfolder\file.jpg</imgsrc>
</item>

我希望能够引用这些数据，并为每个项目创建变量。显然，我必须编写一个循环来遍历每个项目并存储数据。它最终会类似于 pn0001.category、pn0001.title。等等等等

我的问题是:如何开始引用 XML 文件？我遇到了这个链接:https://api.jquery.com/jQuery.parseXML/

这很棒，但是在代码中，您将看到它们将 XML 数据硬编码为第一个变量中的字符串。

基本上，如何将 XML 中的数据获取到 Javascript 或 jQuery 中的变量中？

Answer 1

这是一个 jquery 示例

var xml = '<?xml version="1.0" encoding="UTF-8"?><items><item><partnum>pn0001</partnum><type>T27</type><material>Metal</material></item><item><partnum>pn0002</partnum><type>T28</type><material>plastic</material></item></items>';
var xmlDoc = $.parseXML(xml);
var $xml = $(xmlDoc);

$xml.find('item').each(function(index) {
  var partnum = $(this).find('partnum').text();
  var type = $(this).find('type').text();
  var material = $(this).find('material').text();

  $('<span>' + partnum + ' ' + type + ' ' + material + '</span><br>').appendTo('#output');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>