$(document).ready(function(){ $('#btn').click(function(){ var jsonStr = $('#jsonData').val(); var json = eval('('+jsonStr+')'); (function(){ var print_r = function(o, depth) { var result = ''; depth || (depth=1); var indent = new Array(4*depth+1).join(' '); var indentNext = new Array(4*(depth+1)+1).join(' '); var indentNextTwo = new Array(4*(depth+2)+1).join(' '); var tmp = ''; var type = typeof o; switch(type) { case 'string': case 'number': case 'boolean': case 'undefined': case 'function': tmp += indent + indentNext + o + "/n"; break; case 'object': default: for(var key in o) { tmp += indentNextTwo + '[' + key + '] = '; tmp += print_r(o[key], (depth+1)); } } result += type + "/n"; result += indentNext + '(' + "/n"; result += tmp; result += indentNext + ')' + "/n"; return result; }; alert(print_r(json)); }(json)); }); });