x2js demo

by Amal Das

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("<amal><RECENTSYNCDETAILS><CREATED>2022-03-08</CREATED><CONTACTSYNCPERDAY>11</CONTACTSYNCPERDAY></RECENTSYNCDETAILS><RECENTSYNCDETAILS><CREATED>2022-02-21</CREATED><CONTACTSYNCPERDAY>4</CONTACTSYNCPERDAY></RECENTSYNCDETAILS><RECENTSYNCDETAILS><CREATED>2022-02-18</CREATED><CONTACTSYNCPERDAY>11</CONTACTSYNCPERDAY></RECENTSYNCDETAILS><RECENTSYNCDETAILS><CREATED>2022-02-15</CREATED><CONTACTSYNCPERDAY>6</CONTACTSYNCPERDAY></RECENTSYNCDETAILS><RECENTSYNCDETAILS><CREATED>2021-12-01</CREATED><CONTACTSYNCPERDAY>2</CONTACTSYNCPERDAY></RECENTSYNCDETAILS></amal>");

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