是否有一种快速的方法可以将通过 jQuery getJSON
接收到的 JSON 对象转换为字符串变量转储(用于跟踪/调试目的)?
是否有一种快速的方法可以将通过 jQuery getJSON
接收到的 JSON 对象转换为字符串变量转储(用于跟踪/调试目的)?
是的,JSON.stringify
可以在这里找到,它已经包含在Firefox 3.5.4及以上版本中。
JSON字符串化程序则相反,将JavaScript数据结构转换为JSON文本。JSON不支持循环数据结构,因此请注意不要将循环结构提供给JSON字符串化程序。https://web.archive.org/web/20100611210643/http://www.json.org/js.html
var myJSONText = JSON.stringify(myObject, replacer);
console.log()
来获取一个良好的对象视图,像这样:$.getJSON('my.json', function(data) {
console.log(data);
});
如果你只是想查看这个字符串,可以查看谷歌浏览器的资源视图(Resource view)或者Firebug的网络视图(Net view)来查看服务器实际响应的字符串(无需转换...你已经以这种方式接收到它了)。
如果您想将该字符串拆分为易于查看的部分,则可以使用此工具:http://json.parser.online.fr/
getJSON
将会默默失败,你将很难理解为什么它不起作用:添加 .fail(function(jqxhr, status, error) { alert(status + ", " + error);})
。 - Skippy le Grand Gourou我个人经常使用jQuery dump插件来输出对象,它有点类似于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"
)
}
*/
这个JSON格式非常易读,我也推荐使用这个网站http://json.parser.online.fr/来创建/解析/读取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>"' + data[key] + '"</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;
}