logo标签列表

将XML字符串转换为JSON JavaScript

javascriptjson
15

我有一个 XML 字符串，我想将其转换为 JSON 字符串。

var txt = "<?xml version='1.0' encoding='UTF-8' ?>
                 <result>
                   <info>
                      <id>1</id>
                      <type>HL</type>
                      <ven>DEMOMA</ven>
                   </info>
                   <info>
                      <id>2</id>
                      <type>HL</type>
                      <ven>DEMOMB</ven>
                   </info>
               <result>";

我尝试使用解析器最初将其转换为DOM对象，但是它抛出了解析错误。

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

我希望只使用Javascript来生成我的输出JSON字符串。

{"result":[{"id":"1","type":"HL","ven":"DEMOMA"},{"id":"2","type":"HL","ven":"DEMOMB"}]}
3
可能是使用JavaScript将XML转换为JSON（并返回）的重复问题。 - Ravi Kavaiya
我只能使用JavaScript。没有Java，没有jQuery :( - Abhinav Parashar
jQuery是JavaScript。 - Phil
2
你的解析问题在于你忘记了关闭标签</result>中的 / 符号。 - Kaiido
请尝试访问此链接：http://jsfiddle.net/abdmob/gkxucxrj/1/ - Gomzy
2个回答
5

我将通过使用x2js.js https://github.com/abdmob/x2js和jquery（以及不使用jQuery）库的示例来尝试解释。

从API获取XML数据并将此数据转换为JSON格式

使用jQuery：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.js"></script>
    <script type="text/javascript" src="xml2json.js"></script>
</head>
<body>
    <script type="text/javascript">
    var x2js = new X2JS();
    $.ajax({
        url: 'http://ip-api.com/xml',
        dataType: 'XML',
        success: function(data) {
            var xmlText = data; // XML
            var jsonObj = x2js.xml2json(xmlText); // Convert XML to JSON
            console.log(jsonObj);
        }
    });
    </script>
</body>
</html>

不使用jQuery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="xml2json.js"></script>
</head>
<body>
    <script type="text/javascript">
    function loadXMLDoc(dname) {
        if (window.XMLHttpRequest) {
            xhttp = new XMLHttpRequest();
        } else {
            xhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xhttp.open("GET", dname, false);
        xhttp.send();
        return xhttp.responseXML;
    }

    var xmlDoc = loadXMLDoc("http://ip-api.com/xml"); // XML
    var x2js = new X2JS();
    var jsonObj = x2js.xml2json(xmlDoc); // Convert XML to JSON
    console.log(jsonObj);
    </script>
</body>
</html>

根据您在问题中提供的示例，将关闭的<result>标签修复为</result>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="xml2json.js"></script>
</head>
<body>
    <script type="text/javascript">
        var txt = "<?xml version='1.0' encoding='UTF-8' ?> <result> <info> <id>1</id> <type>HL</type> <ven>DEMOMA</ven> </info> <info> <id>2</id> <type>HL</type> <ven>DEMOMB</ven> </info> </result>";
        var x2js = new X2JS();
        var jsonObj = x2js.xml_str2json(txt);
        console.log(jsonObj);
    </script>
</body>
</html>
3
请查看这个非常小而且实用的脚本：https://github.com/metatribal/xmlToJSON。
使用方法非常简单。只需包含src并享用即可： <script type="text/javascript" src="path/xmlToJSON.js"></script> xmlToJSON被打包为一个简单的模块，因此可以像这样使用。
testString = '<xml><a>It Works!</a></xml>';   // get some xml (string or document/node)
result = xmlToJSON.parseString(testString);   // parse

"result" 是您的 JSON 对象。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接