如何使用javascript / jquery以编程方式探索JSON？

Question

我必须编写一段javascript / jquery代码，以便在html视图中显示一般JSON 。基本上，我得到一个未知的json，我解析它，我必须构建反映JSON结构的html元素。当然，我可以选择将html元素与特殊的JSON结构相关联。 例如，如果我得到以下内容：

[
    {
        "audi": {
            "type": "a4",
            "year": "1999",
            "color": "red",
            "price": "3500"
        }
    },
    {
        "fiat": {
            "type": "idea",
            "year": "2009",
            "color": "silver",
            "price": "4500"
        }
    }
]

我希望有一个包含两个div的div，每个div包含4个跨度，包括汽车的类型，年份，颜色和价格。 我怎样才能做到这一点？

修改

如果你想按照任何特殊实现的方式进行解耦，你必须遵循所选答案的建议，但值得一提的是this plugin (json2html)似乎非常有希望

Answer 1

你可以使用jQuery的json解析器jQuery.parseJSON jQueryDocumentation