JSON到stringvariables转储

有没有一个快速的函数来转换通过jQuery getJSON接收的JSON对象到stringvariables转储(用于跟踪/debugging的目的)?

是的, JSON.stringify ,可以在这里find,它包含在Firefox 3.5.4及以上。

一个JSONstring进入相反的方向,将JavaScript数据结构转换成JSON文本。 JSON不支持循环数据结构,因此请小心不要给JSONstring赋予循环结构。 https://web.archive.org/web/20100611210643/http://www.json.org/js.html

 var myJSONText = JSON.stringify(myObject, replacer); 

您可以在Firebug或Chrome中使用console.log()来获得一个好的对象视图,如下所示:

 $.getJSON('my.json', function(data) { console.log(data); }); 

如果您只想查看string,请查看Chrome中的资源视图或Firebug中的Net视图,以查看服务器的实际string响应(无需将其转换…您以此方式接收)。

如果你想把这个string分解,以便于查看,这里有一个很好的工具: http : //json.parser.online.fr/

我个人使用的jquery转储插件很多转储对象,它有点类似于PHP的print_r()函数基本用法:

 var obj = { hubba: "Some string...", bubba: 12.5, dubba: ["One", "Two", "Three"] } $("#dump").append($.dump(obj)); /* will return: Object { hubba: "Some string..." bubba: 12.5 dubba: Array ( 0 => "One" 1 => "Two" 2 => "Three" ) } */ 

它的非常人性化的可读性,我也推荐这个网站http://json.parser.online.fr/用于创build/parsing/阅读json,因为它有很好的颜色;

这是我使用的代码。 你应该能够适应你的需求。

 function process_test_json() { var jsonDataArr = { "Errors":[],"Success":true,"Data":{"step0":{"collectionNameStr":"dei_ideas_org_Private","url_root":"http:\/\/192.168.1.128:8500\/dei-ideas_org\/","collectionPathStr":"C:\\ColdFusion8\\wwwroot\\dei-ideas_org\\wwwrootchapter0-2\\verity_collections\\","writeVerityLastFileNameStr":"C:\\ColdFusion8\\wwwroot\\dei-ideas_org\\wwwroot\\chapter0-2\\VerityLastFileName.txt","doneFlag":false,"state_dbrec":{},"errorMsgStr":"","fileroot":"C:\\ColdFusion8\\wwwroot\\dei-ideas_org\\wwwroot"}}}; var htmlStr= "<h3 class='recurse_title'>[jsonDataArr] struct is</h3> " + recurse( jsonDataArr ); alert( htmlStr ); $( document.createElement('div') ).attr( "class", "main_div").html( htmlStr ).appendTo('div#out'); $("div#outAsHtml").text( $("div#out").html() ); } function recurse( data ) { var htmlRetStr = "<ul class='recurseObj' >"; for (var key in data) { if (typeof(data[key])== 'object' && data[key] != null) { htmlRetStr += "<li class='keyObj' ><strong>" + key + ":</strong><ul class='recurseSubObj' >"; htmlRetStr += recurse( data[key] ); htmlRetStr += '</ul ></li >'; } else { htmlRetStr += ("<li class='keyStr' ><strong>" + key + ': </strong>&quot;' + data[key] + '&quot;</li >' ); } }; htmlRetStr += '</ul >'; return( htmlRetStr ); } </script> </head><body> <button onclick="process_test_json()" >Run process_test_json()</button> <div id="out"></div> <div id="outAsHtml"></div> </body> 

这件事情?

 function dump(x, indent) { var indent = indent || ''; var s = ''; if (Array.isArray(x)) { s += '['; for (var i=0; i<x.length; i++) { s += dump(x[i], indent) if (i < x.length-1) s += ', '; } s +=']'; } else if (x === null) { s = 'NULL'; } else switch(typeof x) { case 'undefined': s += 'UNDEFINED'; break; case 'object': s += "{ "; var first = true; for (var p in x) { if (!first) s += indent + ' '; s += p + ': '; s += dump(x[p], indent + ' '); s += "\n" first = false; } s += '}'; break; case 'boolean': s += (x) ? 'TRUE' : 'FALSE'; break; case 'number': s += x; break; case 'string': s += '"' + x + '"'; break; case 'function': s += '<FUNCTION>'; break; default: s += x; break; } return s; }