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

Question

我必须编写一段 javascript/jquery 代码来将一般 JSON显示到 html 视图中。基本上，我得到一个未知的 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 个跨度，包括汽车的类型、年份、颜色和价格。我怎样才能做到这一点？

编辑：

如果您想遵循与任何特殊实现分离的方法，则必须遵循所选答案的建议，但是值得一提的是这个插件（json2html），它似乎很有前途。

Answer 1

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