【问题标题】:getJSON to console.log() to output json structuregetJSON 到 console.log() 输出 json 结构
【发布时间】:2013-12-10 17:10:53
【问题描述】:

我有以下获取json数据的代码:

$.getJSON( "assessments", function( assessments ) {
    console.log(assessments);
        });

我完美地获取了所有数据,但控制台的输出为

[Object, Object, Object, Object, Object, Object, Object, Object, Object]

我想像这样以 JSON 结构输出值:

[
{
    "id": 1,
    "person": {
        "personId": "person1",
        "firstName": "Pactric"
    },
    "manager": {
        "managerId": "manager1"
    },
    "state": {
        "stateId": 1,
        "description": null
    },
    "comments": null
}
]

如何 console.log() 让这个数据完全按照上面的 JSON 结构显示? 我在这个应用程序中使用 $.getJSON 而不是 $.ajax。

【问题讨论】:

    标签: jquery json


    【解决方案1】:

    试试

    console.log(JSON.stringify(assessments));
    

    【讨论】:

    • 它不允许我有一段时间关闭答案,它现在说我不能在 10 分钟之前关闭你的答案。我会关闭它:-)
    【解决方案2】:

    使用缩进将 JSON 字符串化:

    $.getJSON( "assessments", function( assessments ) {
        console.log(JSON.stringify(assessments, undefined, 2))
    });
    

    JSON.stringify(value[, replacer [, space]]) 其中空格是缩进。 MDN

    【讨论】:

    • 这应该是答案......它以一些很棒的“详细”模式输出 JSON。谢谢!
    • @derekmx271 - 谢谢,问题毕竟是“完全按照上面的JSON结构显示”,这样做,它添加空格和换行符并输出JSON一种简洁易读的格式。
    • @s.matthew.english $ 取代了旧的 jQuery。过去您必须编写“jQuery.getJSON()”,现在您只需键入“$.getJSON()”即可。我想它可以被认为是一个命名空间,但它也增强了 jQuery 的流行......简洁。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-12
    • 1970-01-01
    • 2014-12-31
    • 1970-01-01
    • 2018-06-27
    • 1970-01-01
    相关资源
    最近更新 更多