透過 X2js 自由轉換 XML 與 Json

x2js

在前端中,有許多工具可以轉換 XMLJSON ,此篇介紹 x2js

使用方式

可以使用 CDN 方式, x2js CDN 或是手動引入

1
<script src="https://cdnjs.cloudflare.com/ajax/libs/x2js/1.2.0/xml2json.min.js" integrity="sha256-RbFvov4fXA9DW/RzOAcIC0ZHIDmghGdsoug5slJHMMI=" crossorigin="anonymous"></script>

基本語法

  • XML to JSON

    1
    2
    3
    4
    // Create x2js instance with default config
    var x2js = new X2JS();
    var xmlText = "<MyRoot><test>Success</test><test2><item>val1</item><item>val2</item></test2></MyRoot>";
    var jsonObj = x2js.xml_str2json( xmlText );
  • JSON to XML

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    // Create x2js instance with default config
    var x2js = new X2JS();
    var jsonObj = {
    MyRoot : {
    test: 'success',
    test2 : {
    item : [ 'val1', 'val2' ]
    }
    }
    };
    var xmlAsStr = x2js.json2xml_str( jsonObj );

此工具轉換 XML 會自動解析 namespaces ,這還挺方便的

線上範例

參考資料