x2js - XML to JSON and vice versa for JavaScript
This library provides XML to JSON (JavaScript Objects) and vice versa javascript conversion functions.
The library is very small and has no any dependencies.
API functions
-
new X2JS()
- to create your own instance to access all library functionality
-
new X2JS(config)
- to create your own instance with additional config
-
<instance>.xml2json
- Convert XML specified as DOM Object to JSON
-
<instance>.json2xml
- Convert JSON to XML DOM Object
-
<instance>.xml_str2json
- Convert XML specified as string to JSON
-
<instance>.json2xml_str
- Convert JSON to XML string
-
<instance>.asArray
- Utility function to work with a JSON field always in array form
-
<instance>.asDateTime
- Utility function to convert the specified parameter from XML DateTime to JS Date
-
<instance>.asXmlDateTime
- Utility function to convert the specified parameter to XML DateTime from JS Date or timestamp
Config options
escapeMode : true|false
- Escaping XML characters. Default is true from v1.1.0+attributePrefix : "<string>"
- Prefix for XML attributes in JSon model. Default is "_"arrayAccessForm : "none"|"property"
- The array access form (none|property). Use this property if you want X2JS generates additional property _asArray to access in array form for any XML element. Default is none from v1.1.0+emptyNodeForm : "text"|"object"
- Handling empty nodes (text|object) mode. When X2JS found empty node like it will be transformed to test : '' for 'text' mode, or to Object for 'object' mode. Default is 'text'enableToStringFunc : true|false
- Enable/disable an auxiliary function in generated JSON objects to print text nodes with text/cdata. Default is truearrayAccessFormPaths : []
- Array access paths - use this option to configure paths to XML elements always in "array form". You can configure beforehand paths to all your array elements based on XSD or your knowledge. Every path could be a simple string (like 'parent.child1.child2'), a regex (like /.*.child2/), or a custom function. Default is emptyskipEmptyTextNodesForObj : true|false
- Skip empty text tags for nodes with children. Default is true.stripWhitespaces : true|false
- Strip whitespaces (trimming text nodes). Default is true.datetimeAccessFormPaths : []
- DateTime access paths. Use this option to configure paths to XML elements for XML datetime elements. You can configure beforehand paths to all your datetime elements based on XSD or your knowledge. Every path could be a simple string (like 'parent.child1.child2'), a regex (like /.*.child2/), or a custom function. Default is empty.useDoubleQuotes : true|false
- Use double quotes for output XML formatting. Default is false.xmlElementsFilter : []
- Filter incoming XML elements. You can pass a stringified path (like 'parent.child1.child2'), regexp or functionjsonPropertiesFilter : []
- Filter JSON properties for output XML. You can pass a stringified path (like 'parent.child1.child2'), regexp or functionkeepCData : true|false
- If this property defined as false and an XML element has only CData node it will be converted to text without additional property "__cdata". Default is false.
Online demo
JSFiddle at http://jsfiddle.net/abdmob/gkxucxrj/1/
Basic Usage
XML to JSON
// 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
// 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 );
Working with arrays
Configure XML structure knowledge beforehand
var x2js = new X2JS({
arrayAccessFormPaths : [
"MyArrays.test.item"
]
});
var xmlText = "<MyArrays>"+
"<test><item>success</item><item>second</item></test>"+
"</MyArrays>";
var jsonObj = x2js.xml_str2json( xmlText );
console.log(jsonObj.MyArrays.test2.item[0]);
Or using the utility function
var x2js = new X2JS();
var xmlText = "<MyArrays>"+
"<test><item>success</item><item>second</item></test>"+
"</MyArrays>";
var jsonObj = x2js.xml_str2json( xmlText );
console.log(x2js.asArray(jsonObj.MyArrays.test.item)[0]);
Working with XML attributes
Accessing to XML attributes
// Create x2js instance with default config
var x2js = new X2JS();
var xmlText = "<MyOperation myAttr='SuccessAttrValue'>MyText</MyOperation>";
var jsonObj = x2js.xml_str2json( xmlText );
// Access to attribute
console.log(jsonObj.MyOperation._myAttr);
// Access to text
console.log(jsonObj.MyOperation.__text);
// Or
console.log(jsonObj.MyOperation.toString());
Configuring a custom prefix to attributes
var x2js = new X2JS({
attributePrefix : "$"
});
var xmlText = "<MyOperation myAttr='SuccessAttrValue'>MyText</MyOperation>";
var jsonObj = x2js.xml_str2json( xmlText );
// Access to attribute
console.log(jsonObj.MyOperation.$myAttr);
Working with XML namespaces
Parsing XML with namespaces
var xmlText = "<testns:MyOperation xmlns:testns='http://www.example.org'>"+
"<test>Success</test><test2 myAttr='SuccessAttrValueTest2'>"+
"<item>ddsfg</item><item>dsdgfdgfd</item><item2>testArrSize</item2></test2></testns:MyOperation>";
var jsonObj = x2js.xml_str2json( xmlText );
console.log(jsonObj.MyOperation.test);
Creating JSON (for XML) with namespaces (Option 1)
var testObjC = {
'm:TestAttrRoot' : {
'_tns:m' : 'http://www.example.org',
'_tns:cms' : 'http://www.example.org',
MyChild : 'my_child_value',
'cms:MyAnotherChild' : 'vdfd'
}
}
var xmlDocStr = x2js.json2xml_str(
testObjC
);
Creating JSON (for XML) with namespaces (Option 2)
// Parse JSON object constructed with another NS-style
var testObjNew = {
TestAttrRoot : {
__prefix : 'm',
'_tns:m' : 'http://www.example.org',
'_tns:cms' : 'http://www.example.org',
MyChild : 'my_child_value',
MyAnotherChild : {
__prefix : 'cms',
__text : 'vdfd'
}
}
}
var xmlDocStr = x2js.json2xml_str(
testObjNew
);
Working with XML DateTime
Configuring it beforehand
var x2js = new X2JS({
datetimeAccessFormPaths : [
"MyDts.testds" /* Configure it beforehand */
]
});
var xmlText = "<MyDts>"+
"<testds>2002-10-10T12:00:00+04:00</testds>"+
"</MyDts>";
var jsonObj = x2js.xml_str2json( xmlText );
Or using the utility function
var x2js = new X2JS();
var xmlText = "<MyDts>"+
"<testds>2002-10-10T12:00:00+04:00</testds>"+
"</MyDts>";
var jsonObj = x2js.xml_str2json( xmlText );
console.log(x2js.asDateTime( jsonObj.MyDts.testds ));
Networking samples
Parsing AJAX XML response (JQuery sample)
$.ajax({
type: "GET",
url: "/test",
dataType: "xml",
success: function(xmlDoc) {
var x2js = new X2JS();
var jsonObj = x2js.xml2json(xmlDoc);
}
});
Loading XML and converting to JSON
function loadXMLDoc(dname) {
if (window.XMLHttpRequest) {
xhttp=new XMLHttpRequest();
}
else {
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}
var xmlDoc = loadXMLDoc("test.xml");
var x2js = new X2JS();
var jsonObj = x2js.xml2json(xmlDoc);