XmlToJsObject is a free, easy-to-use utility to convert XML-Documents/XML-Strings to Javacript-Objects
Example, how to use XmlToJsObject with MooTools (http://static.andidittrich.de/XmlToJsObject/Example.MooTools.html)
window.addEvent('domready', function(){
// get local stored testdata
var testdata1 = document.id('Testdata1').get('text');
// == Example 1 ===============================================
// covnvert testdata to Js Object (Normal Mode + Smart Mode)
var dataObject1 = Object.fromXML(testdata1);
// Display Human-Readable Objects
document.id('output1').set('text', JSON.stringify(dataObject1, null, 4));
// == Example 2 ===============================================
// get testdata as DOM-Element-Node and covnvert it into Js Object (Normal Mode)
var domNode = (new DOMParser()).parseFromString(testdata1, 'text/xml').firstChild;
var dataObject2 = Object.fromXML(domNode, false);
// Display Human-Readable Objects
document.id('output2').set('text', JSON.stringify(dataObject2, null, 4));
// == Example 3 ===============================================
// create new xhr request
var myRequest = new Request({
url: 'Resources/Testdata2.xml',
method: 'get',
onSuccess: function(responseText, responseXMLDocument){
// directly convert a XML Document
var dataObject3 = Object.fromXML(responseXMLDocument);
// Display Human-Readable Objects
document.id('output3').set('text', JSON.stringify(dataObject3, null, 4));
}
});
myRequest.send();
// == Show Example Code ===============================================
document.id('codeOutput').set('text', document.id('JSCode').get('text').replace(/^\t\t/gm, ''));
// Highlight Example Code
document.id('codeOutput').light({language: 'js', theme: 'git'});
});
The following Examples require the JSON.stringify method (supported by all modern browsers)
This is a minimal example how to convert a XML-String into a Javascript Object (Pure Javascript Version)
<head>
...
<!-- Include XmlToJsObject -->
<script type="text/javascript" src="Build/XmlToJsObject.yui.js"></script>
<!-- Example Code -->
<script type="text/javascript">
window.onload = (function(){
// some valid! xml data given as string/xml-node/xml-document
var testdata = ...
// covnvert testdata to Js-Object (Smart Mode)
var dataObject = XmlToJsObject(testdata);
// Display Human-Readable Object
document.getElementById('output').innerHTML = JSON.stringify(dataObject, null, 4);
});
</script>
...
</head>
<body>
...
<pre id="output"></pre>
...
The working example can be found here Note: The Example requires MooTools (used to access the DOM Elements); JSON.stringify is supported by all modern browsers
window.addEvent('domready', function(){
// get local stored xml testdata
var testdata1 = document.id('Testdata1').get('text');
var testdata2 = document.id('Testdata2').get('text');
// covnvert testdata to Js Object (Normal Mode + Smart Mode)
var dataObject1normal = XmlToJsObject(testdata1, false);
var dataObject1smart = XmlToJsObject(testdata1, true);
// covnvert testdata to Js Object (Smart Mode default)
var dataObject2 = XmlStringToJsObject(testdata2);
// Display Human-Readable Objects
document.id('output1').set('text', JSON.stringify(dataObject1smart, null, 4));
document.id('output2').set('text', JSON.stringify(dataObject1normal, null, 4));
document.id('output3').set('text', JSON.stringify(dataObject2, null, 4));
});
Pure Javascript Implementation
XmlToJsObject(data [, smartMode=true])
Description: Converts a XML-String, XMLNode or XMLDocument into a Javascript-Object
data Type: mixed ( String, XMLDocument, XMLNode ) A valid XML-String, XMLNode or XMLDocument Node containing various child nodes and attributes
smartMode Type: Boolean Optional (default=true) - Merge attribute names with node-names
Native MooTools implementation: automatically available when using MooTools on your page!
Object.fromXML(data [, smartMode=true])
Description: Converts a XML-String, XMLNode or XMLDocument into a Javascript-Object
data Type: mixed ( String, XMLDocument, XMLNode ) A valid XML-String, XMLNode or XMLDocument Node containing various child nodes and attributes
smartMode Type: Boolean Optional (default=true) - Merge attribute names with node-names
The XmlToJsObject Utility requires the DOMParser object. If you want to support earlier versions of the InternetExplorer you can write a fallback using new ActiveXObject("Microsoft.XMLDOM") instead of the DOMParser.
Compatibility Reference: https://developer.mozilla.org/en-US/docs/Web/API/DOMParser
XmlToJsObject is licensed under The MIT License (X11)
A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.
Found a bug in this plugin? Please report it this repository's Github Issues.
blog comments powered by Disqus