x2js demo

by Ravindra Athreya

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() {
    $("#xmlArea").val(x2js.json2xml_str($.parseJSON($("#jsonArea").val())));
}

$("#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);