x2js demo

by peterjc

HTML

<script src="https://cdn.rawgit.com/abdmob/x2js/master/xml2json.js"></script>
<body>
     <h1>X2JS Demo</h1>

    <button id="convertToJsonBtn">XML => JSON</button>
    <button id="convertToXmlBtn">JSON => XML</button>
    <div>
         <h4>XML:</h4>

        <textarea id="xmlArea" cols="55" rows="15"></textarea>
    </div>
    <div>
         <h4>JSON:</h4>

        <textarea id="jsonArea" cols="55" rows="15"></textarea>
    </div>
</body>

JavaScript

var x2js = new X2JS();

function convertXml2JSon() {
    $("#jsonArea").val(JSON.stringify(x2js.xml_str2json($("#xmlArea").val())));
}

function convertJSon2XML() {
   var rawJson = $("#jsonArea").val();
   console.log(rawJson);
   var json = JSON.parse(rawJson);
   console.log(json);
   var xml = x2js.json2xml_str(json);
   xml = '<?xml version="1.0" encoding="utf-16"?><ReferenceDataSpecificParameters xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">' + xml;
   
   console.log(xml);
    $("#xmlArea").val(xml);
}

//$("#xmlArea").val("<root><child><textNode>First &amp; Child</textNode></child><child><textNode>Second Child</textNode></child><testAttrs attr1='attr1Value'/></root>");

//convertXml2JSon();
//convertJSon2XML();
$("#convertToJsonBtn").click(convertXml2JSon);
$("#convertToXmlBtn").click(convertJSon2XML);