/*
Copyright 2011 Abdulla Abdurakhmanov
Original sources are available at https://code.google.com/p/x2js/
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
function X2JS() {
var VERSION = "1.0.11";
var escapeMode = false;
var DOMNodeTypes = {
ELEMENT_NODE : 1,
TEXT_NODE : 3,
CDATA_SECTION_NODE : 4,
DOCUMENT_NODE : 9
};
function getNodeLocalName( node ) {
var nodeLocalName = node.localName;
if(nodeLocalName == null) // Yeah, this is IE!!
nodeLocalName = node.baseName;
if(nodeLocalName == null || nodeLocalName=="") // =="" is IE too
nodeLocalName = node.nodeName;
return nodeLocalName;
}
function getNodePrefix(node) {
return node.prefix;
}
function escapeXmlChars(str) {
if(typeof(str) == "string")
return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\//g, '/');
else
return str;
}
function unescapeXmlChars(str) {
return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, "'").replace(///g, '\/')
}
function parseDOMChildren( node ) {
if(node.nodeType == DOMNodeTypes.DOCUMENT_NODE) {
var result = new Object;
var child = node.firstChild;
var childName = getNodeLocalName(child);
result[childName] = parseDOMChildren(child);
return result;
}
else
if(node.nodeType == DOMNodeTypes.ELEMENT_NODE) {
var result = new Object;
result.__cnt=0;
var nodeChildren = node.childNodes;
// Children nodes
for(var cidx=0; cidx <nodeChildren.length; cidx++) {
var child = nodeChildren.item(cidx); // nodeChildren[cidx];
var childName = getNodeLocalName(child);
result.__cnt++;
if(result[childName] == null) {
result[childName] = parseDOMChildren(child);
result[childName+"_asArray"] = new Array(1);
result[childName+"_asArray"][0] = result[childName];
}
else {
if(result[childName] != null) {
if( !(result[childName] instanceof Array)) {
var tmpObj = result[childName];
result[childName] = new Array();
result[childName][0] = tmpObj;
result[childName+"_asArray"] = result[childName];
}
}
var aridx = 0;
while(result[childName][aridx]!=null) aridx++;
(result[childName])[aridx] = parseDOMChildren(child);
}
}
// Attributes
for(var aidx=0; aidx <node.attributes.length; aidx++) {
var attr = node.attributes.item(aidx); // [aidx];
result.__cnt++;
result["_"+attr.name]=attr.value;
}
// Node namespace prefix
var nodePrefix = getNodePrefix(node);
if(nodePrefix!=null && nodePrefix!="") {
result.__cnt++;
result.__prefix=nodePrefix;
}
if( result.__cnt == 1 && result["#text"]!=null ) {
result = result["#text"];
}
if(result["#text"]!=null) {
result.__text = result["#text"];
if(escapeMode)
result.__text = unescapeXmlChars(result.__text)
delete result["#text"];
delete result["#text_asArray"];
}
if(result["#cdata-section"]!=null) {
result.__cdata = result["#cdata-section"];
delete result["#cdata-section"];
delete result["#cdata-section_asArray"];
}
if(result.__text!=null || result.__cdata!=null) {
result.toString = function() {
return (this.__text!=null? this.__text:'')+( this.__cdata!=null ? this.__cdata:'');
}
}
return result;
}
else
if(node.nodeType == DOMNodeTypes.TEXT_NODE || node.nodeType == DOMNodeTypes.CDATA_SECTION_NODE) {
return node.nodeValue;
}
}
function startTag(jsonObj, element, attrList, closed) {
var resultStr = "<"+ ( (jsonObj!=null && jsonObj.__prefix!=null)? (jsonObj.__prefix+":"):"") + element;
if(attrList!=null) {
for(var aidx = 0; aidx < attrList.length; aidx++) {
var attrName = attrList[aidx];
var attrVal = jsonObj[attrName];
resultStr+=" "+attrName.substr(1)+"='"+attrVal+"'";
}
}
if(!closed)
resultStr+=">";
else
resultStr+="/>";
return resultStr;
}
function endTag(jsonObj,elementName) {
return "</"+ (jsonObj.__prefix!=null? (jsonObj.__prefix+":"):"")+elementName+">";
}
function endsWith(str, suffix) {
return str.indexOf(suffix, str.length - suffix.length) !== -1;
}
function jsonXmlSpecialElem ( jsonObj, jsonObjField ) {
if(endsWith(jsonObjField.toString(),("_asArray"))
|| jsonObjField.toString().indexOf("_")==0
|| (jsonObj[jsonObjField] instanceof Function) )
return true;
else
return false;
}
function jsonXmlElemCount ( jsonObj ) {
var elementsCnt = 0;
if(jsonObj instanceof Object ) {
for( var it in jsonObj ) {
if(jsonXmlSpecialElem ( jsonObj, it) )
continue;
elementsCnt++;
}
}
return elementsCnt;
}
function parseJSONAttributes ( jsonObj ) {
var attrList = [];
if(jsonObj instanceof Object ) {
for( var ait in jsonObj ) {
if(ait.toString().indexOf("__")== -1 && ait.toString().indexOf("_")==0) {
attrList.push(ait);
}
}
}
return attrList;
}
function parseJSONTextAttrs ( jsonTxtObj ) {
var result ="";
if(jsonTxtObj.__cdata!=null) {
result+="<![CDATA["+jsonTxtObj.__cdata+"]]>";
}
if(jsonTxtObj.__text!=null) {
if(escapeMode)
result+=escapeXmlChars(jsonTxtObj.__text);
else
result+=jsonTxtObj.__text;
}
return result
}
function parseJSONTextObject ( jsonTxtObj ) {
var result ="";
if( jsonTxtObj instanceof Object ) {
result+=parseJSONTextAttrs ( jsonTxtObj )
}
else
if(jsonTxtObj!=null) {
if(escapeMode)
result+=escapeXmlChars(jsonTxtObj);
else
result+=jsonTxtObj;
}
return result;
}
function parseJSONArray ( jsonArrRoot, jsonArrObj, attrList ) {
var result = "";
if(jsonArrRoot.length == 0) {
result+=startTag(jsonArrRoot, jsonArrObj, attrList, true);
}
else {
for(var arIdx = 0; arIdx < jsonArrRoot.length; arIdx++) {
result+=startTag(jsonArrRoot[arIdx], jsonArrObj, parseJSONAttributes(jsonArrRoot[arIdx]), false);
result+=parseJSONObject(jsonArrRoot[arIdx]);
result+=endTag(jsonArrRoot[arIdx],jsonArrObj);
}
}
return result;
}
function parseJSONObject ( jsonObj ) {
var result = "";
var elementsCnt = jsonXmlElemCount ( jsonObj );
if(elementsCnt > 0) {
for( var it in jsonObj ) {
if(jsonXmlSpecialElem ( jsonObj, it) )
continue;
var subObj = jsonObj[it];
var attrList = parseJSONAttributes( subObj )
if(subObj == null || subObj == undefined) {
result+=startTag(subObj, it, attrList, true)
}
else
if(subObj instanceof Object) {
if(subObj instanceof Array) {
result+=parseJSONArray( subObj, it, attrList )
}
else {
var subObjElementsCnt = jsonXmlElemCount ( subObj );
if(subObjElementsCnt > 0 || subObj.__text!=null || subObj.__cdata!=null) {
result+=startTag(subObj, it, attrList, false);
result+=parseJSONObject(subObj);
result+=endTag(subObj,it);
}
else {
result+=startTag(subObj, it, attrList, true);
}
}
}
else {
result+=startTag(subObj, it, attrList, false);
result+=parseJSONTextObject(subObj);
result+=endTag(subObj,it);
}
}
}
result+=parseJSONTextObject(jsonObj);
return result;
}
this.parseXmlString = function(xmlDocStr) {
var xmlDoc;
if (window.DOMParser) {
var parser=new window.DOMParser();
xmlDoc = parser.parseFromString( xmlDocStr, "text/xml" );
}
else {
// IE :(
if(xmlDocStr.indexOf("<?")==0) {
xmlDocStr = xmlDocStr.substr( xmlDocStr.indexOf("?>") + 2 );
}
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(xmlDocStr);
}
return xmlDoc;
}
this.xml2json = function (xmlDoc) {
return parseDOMChildren ( xmlDoc );
}
this.xml_str2json = function (xmlDocStr) {
var xmlDoc = this.parseXmlString(xmlDocStr);
return this.xml2json(xmlDoc);
}
this.json2xml_str = function (jsonObj) {
return parseJSONObject ( jsonObj );
}
this.json2xml = function (jsonObj) {
var xmlDocStr = this.json2xml_str (jsonObj);
return this.parseXmlString(xmlDocStr);
}
this.getVersion = function () {
return VERSION;
}
this.escapeMode = function(enabled) {
escapeMode = enabled;
}
}
var x2js = new X2JS();
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Parse XML into JSON using X2JS and AngularJS</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script>
<script src="xml2json.js"></script>
<script src="module.js"></script>
</head>
<body>
<h1>Import via XML 2 JSON</h1>
<div ng-controller="AppController">
<div class="resultWrapper">
<h1>{{ TimerStatus }}</h1>
<h1>{{ TimerStatus.CurrentTime }}</h1>
<h1>{{ TimerStatus.DayTotalTime }}</h1>
<h2>{{ DayTimer }}</h2>
<h2>{{ DayTimer.CurrentTime }}</h2>
<h2>{{ DayTimer.DayTotalTime }}</h2>
<h2>{{ DayTimer.DayElapsedTime }}</h2>
<h2>{{ DayTimer.DayTimeRemaining }}</h2>
<h3>{{ TimerStatus }}</h3>
<h3>{{ TimerStatus.DayTimer }}</h3>
<h3>{{ TimerStatus.DayTimer.CurrentTime }}</h3>
<h4>{{ CurrentTime }}</h4>
</div>
</div>
</body>
</html>
angular.module('myApp',[]).factory('DataSource', ['$http',function($http){
return {
get: function(file,callback,transform){
$http.get( file, {transformResponse:transform} ).
success(function(data, status) {
console.log("Request succeeded", data);
callback(data);
}).error(function(data, status) {
console.log("Request failed " + status);
});
}
};
}]);
var AppController = function($scope,DataSource) {
var SOURCE_FILE = "timer.xml";
xmlTransform = function(data) {
console.log("transform data");
var x2js = new X2JS();
var json = x2js.xml_str2json(data);
return json.TimerStatus;
};
setData = function(data) {
console.log("setdata", data);
$scope.dataSet = data;
};
DataSource.get(SOURCE_FILE,setData,xmlTransform);
};
body {
font-family: Helvetica,Arial;
font-size: 10pt;
background-color:#333;
}
li {
list-style:none;
}
p {
text-align:left;
color:#666;
margin:5px 2px;
}
h2 {
color:#045FB4;
text-align:center;
font-size:1.2em;
margin:2px;
}
h3 {
color:#006;
text-align:center;
font-size:1.1em;
margin:1px;
}
img {
width:325px;
height:auto;
}
a{
display:block;
text-align:right;
}
.resultwrapper {
background-color:#fff;
width:350px;
padding:10px;
border-radius:8px;
text-align:center;
margin:10px;
}
<?xml version="1.0" encoding="UTF-8"?>
<TimerStatus>
<DayTimer expired="false">
<CurrentTime>3:23:16.563 PM</CurrentTime>
<DayTotalTime>6600000</DayTotalTime>
<DayElapsedTime>5277717</DayElapsedTime>
<DayTimeRemaining>1322283</DayTimeRemaining>
</DayTimer>
<BlockTimer expired="false">
<BlockTime>6000000</BlockTime>
<BlockElapsedTime>5277514</BlockElapsedTime>
<BlockTimeRemaining>722486</BlockTimeRemaining>
</BlockTimer>
<BreakTimer active="false">
<BreakTotalTime>300000</BreakTotalTime>
<BreakElapsedTime>0</BreakElapsedTime>
<BreakTimeRemaining>300000</BreakTimeRemaining>
</BreakTimer>
<IdleTimer warning="false" warningLimit="60" expired="false">3600</IdleTimer>
</TimerStatus>