Javascript 如何在HTML中创建通用JSON数据的树表示？

我用JSON格式存储了一些数据。我希望能够以类似MongoVUE展示mondodb文档的方式，在浏览器中将其显示为动态树结构：

我发现了一个非常好的jquery插件，叫做jsTree。不幸的是，为了处理JSON文档，它要求数据具有非常具体的详细（在我看来是冗余的）结构：。使用它意味着对我的json文档进行重大修改。我正在寻找一种工具，它能够自动构建树，而不需要对数据进行严重的手动调整，但如果需要的话，它允许我对视图进行一些修改

json.bloople.net上的工具使用一个表做了类似的事情，但是因为我有几个级别的嵌套文档，所以输出看起来非常臃肿。此外，该结构不是动态可折叠的

---

如果您能给我一些关于正确工具的提示，包括可能需要在Java/Groovy或纯JavaScript解决方案中对JSON数据进行（自动！）预处理的工具，我将不胜感激。

这只是一个简单的示例，说明了如何在html中输出类似于

JSON

结构的树。（有关浏览器对空白的支持，请参见）。请注意，

JSON.stringify

的第二个参数是一个

replacer

函数：

从

如果replacer是一个函数，JSON.stringify将调用该函数，并传递 在每个成员的键和值中。而是使用返回值 原值的。如果函数返回undefined，则成员 不包括在内。根对象的键是空字符串：“”

因此，如果您需要对

JSON

树的dislpay添加任何进一步的修改，

replacer

函数可能会有所帮助。

如果我是您，我会1）编写一个javascript方法，将JSON对象转换为jstree节点，或者2）让json保持原样，尝试通过创建嵌套的div标记和一些jquery效果来编写您自己的解决方案，我认为这不会太难，实际上可能会有点有趣；-）如果您提供json，也许人们可以帮助您开始。