JSFiddle - React, Tailwind, and code Playground

by sswathi

HTML

<script src="http://jquery-json.googlecode.com/svn/trunk/src/jquery.json.js"></script>
<div id="checkConversion">oops! Response XML not Converted to JSON</div>
<textarea id="Req1_Response">

CSS

#Req1_Response {
    height:250px;
    width:300px;
}

JavaScript

$.ajaxSetup({
		converters: {
			"xml json": function(data) {
               $("#checkConversion").html("Converting xml to json");
				return xmlToJson(data);
			}
		}
	});

/* 
  Expected DataType : json
  Response DataType : xml
 */
$.ajax({
    url: "http://freegeoip.net/xml/google.com",
    dataType: "json"
}).done(function(data, textStatus, jqXHR) {
    $("#Req1_Response").val(JSON.stringify(data));
}).fail(function(jqXHR, textStatus, errorThrown){
    $("#Req1_Response").val(textStatus);
})

// Sample Code for converting xml to json
xmlToJson = function(xml) {
    var obj = {};
    if (xml.nodeType == 1) {                
        if (xml.attributes.length > 0) {
            obj["@attributes"] = {};
            for (var j = 0; j < xml.attributes.length; j++) {
                var attribute = xml.attributes.item(j);
                obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
            }
        }
    } else if (xml.nodeType == 3) { 
        obj = xml.nodeValue;
    }            
    if (xml.hasChildNodes()) {
        for (var i = 0; i < xml.childNodes.length; i++) {
            var item = xml.childNodes.item(i);
            var nodeName = item.nodeName;
            if (typeof (obj[nodeName]) == "undefined") {
                obj[nodeName] = xmlToJson(item);
            } else {
                if (typeof (obj[nodeName].push) == "undefined") {
                    var old = obj[nodeName];
                    obj[nodeName] = [];
                    obj[nodeName].push(old);
                }
                obj[nodeName].push(xmlToJson(item));
            }
        }
    }
    return obj;
}