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

时间:2016-01-25 18:20:34

标签: javascript jquery xml

所以我有一个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中的变量?

1 个答案:

答案 0 :(得分: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>