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

How to Reference XML File/Data to be Used with HTML and jQuery?

本文关键字：一起 XML 数据 文件 jQuery 何引用 引用 HTML      更新时间：2023-09-26

所以我有一个XML文件，它是从Excel文件生成的。每个项目如下所示： 

<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中的变量中？

这是一个 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>

相关文章：