读取xml文件并将数据存储在jquery的数组中答案

【问题标题】：Read xml file and store data in array in jquery读取xml文件并将数据存储在jquery的数组中
【发布时间】：2015-07-09 16:21:23
【问题描述】：

我希望读取 XML 文件中的数据并将其存储在 jQuery 中的数组/其他数据结构中。

这是我的 XML 数据：

<dependencieList>
    <dependencies>
        <pluginname>OpenJDK Runtime Environment</pluginname>
        <version>1.7.0_65</version>
        <description>Open JDK Runtime Environment</description>
    </dependencies>
    <dependencies>
        <pluginname>Adobe Flash Player</pluginname>
        <version>17.0 r0</version>
        <description>Shockwave Flash Player</description>
    </dependencies>
</dependencieList>

我希望 XML 数据像集合一样存储，就像我们在 c 编程中所做的那样，我如何在 jQuery 中实现呢？

【问题讨论】：

您打算从 xml 中存储什么数组（例如节点和值或特定节点值）？你希望它是一维数组还是多维数组？
您好 Kaustav，我想将节点值存储在一个多维数组中。

标签： javascript jquery xml-parsing

【解决方案1】：

试试这个

function xmlToJson(xml) {

    // Create the return object
    var obj = {};

    if (xml.nodeType == 1) { // element
        // do attributes
        if (xml.attributes.length > 0) {
            obj["@attributes"] = {};
            for (var j = 0; j < xml.attributes.length; j++) {
                var attribute = xml.attributes.item(j);
                obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
            }
        }
    } else if (xml.nodeType == 3) { // text
        obj = xml.nodeValue;
    }

    // do children
    if (xml.hasChildNodes()) {
        for(var i = 0; i < xml.childNodes.length; i++) {
            var item = xml.childNodes.item(i);
            var nodeName = item.nodeName;
            if (typeof(obj[nodeName]) == "undefined") {
                obj[nodeName] = xmlToJson(item);
            } else {
                if (typeof(obj[nodeName].push) == "undefined") {
                    var old = obj[nodeName];
                    obj[nodeName] = [];
                    obj[nodeName].push(old);
                }
                obj[nodeName].push(xmlToJson(item));
            }
        }
    }
    return obj;
}

【讨论】：

Alvin，我可以解析 xml 文件，但我不清楚如何将节点值存储在数组中
更新了resposne，改成了转换函数。

【解决方案2】：

必须对您的数据进行一些合理的假设，否则您将一无所获。
例如，我假设每个节点可能包含以下之一：
- 文字，仅此而已
- 子节点，全部相等（如<dependencies>）
- 子节点，完全不同（如<pluginname> 等）

我做到了

<script type="text/my-data" id="datasrc">
<dependencieList>
   ... etc ...  your data here
</dependencieList>
</script>

<script>
var src = "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>" +
          $('#datasrc').html(),
    result = {};

try {
    var $x = $($.parseXML (src));  // rely on jQuery "universal" parsing
    parseNode ($x.children().first(), result);
} catch (e) {
}

$('#result').text (JSON.stringify (result, null, 2));

function parseNode ($node, obj) {
    var name = $node[0].nodeName,
        val  = '';

    if ($node.children().length) {
        val = {};
        $node.children().each (function () {
            parseNode ($(this), val);
        });
    } else {
        val = $node.text();
    }

    if (!obj[name]) {
        obj[name] = val;
    } else if ($.isArray (obj[name])) {
        (obj[name]).push (val);
    } else {
        obj[name] = [obj[name], val];
    }
}
</script>

并得到结果

{
  "dependencieList": {
    "dependencies": [
      {
        "pluginname": "OpenJDK Runtime Environment",
        "version": "1.7.0_65",
        "description": "Open JDK Runtime Environment"
      },
      {
        "pluginname": "Adobe Flash Player",
        "version": "17.0 r0",
        "description": "Shockwave Flash Player"
      }
    ]
  }
}

jsFiddle 是here

【讨论】：