x2js demo

by brian428

HTML

<script src="https://x2js.googlecode.com/hg/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({
        arrayAccessFormPaths : [
           "/.*\._ns3:href/"
        ]
    });

function convertXml2JSon() {
    var jsonVal = x2js.xml_str2json($("#xmlArea").val());
 $("#jsonArea").val(JSON.stringify(jsonVal));
    //console.log(x2js.asArray(jsonObj.MyArrays.test.item)[0]);
    // /.*\._ns3:href/
    console.log( x2js.asArray(jsonVal.ICResourceMetadataPackage.resource.relatedResource) );
}

function convertJSon2XML() {
    $("#xmlArea").val(x2js.json2xml_str($.parseJSON($("#jsonArea").val())));
}

$("#xmlArea").val('<?xml version="1.0" encoding="UTF-8" standalone="yes"?><ns6:ICResourceMetadataPackage xmlns:ns1="urn:us:mil:ces:metadata:ddms:4" xmlns:ns2="urn:us:gov:ic:ism" xmlns:ns3="http://www.w3.org/1999/xlink" xmlns:ns4="http://www.opengis.net/gml/3.2" xmlns:ns5="urn:us:gov:ic:ntk" xmlns:ns6="urn:us:gov:ic:irm" ns6:DESVersion="6" ns2:resourceElement="true" ns2:createDate="2014-07-17" ns2:classification="U" ns2:ownerProducer="USA" ns2:disseminationControls="FOUO" ns5:DESVersion="5" ns2:DESVersion="7"><ns1:resource xmlns:ns7="http://ngic.ic.gov/cms/ddms" ns2:resourceElement="false" ns2:createDate="2014-07-17" ns2:classification="U" ns2:ownerProducer="USA" ns2:disseminationControls="FOUO" ns2:DESVersion="7" ns5:DESVersion="5" ns7:migrateToSIPRNet="false"><ns1:metacardInfo><ns1:identifier ns1:qualifier="imageId" ns1:value="NGIC-101"/><ns1:publisher><ns1:organization><ns1:name>NGIC</ns1:name></ns1:organization></ns1:publisher></ns1:metacardInfo><ns1:identifier ns1:qualifier="imageId" ns1:value="NGIC-101"/><ns1:identifier ns1:qualifier="URL" ns1:value="https://dpintweb.cho.usae.bah.com/cms/rest/image/content/images/2014/07/NGIC-101/NGIC-101_source.jpg"/><ns1:title ns2:classification="U" ns2:ownerProducer="USA">Desert</ns1:title><ns1:description></ns1:description><ns1:dates ns1:infoCutOff="2014-07-17"/><ns1:type ns1:qualifier="imageType"...