Question

那么，是否有一个非常简单的库将JSON对象渲染为树？我知道这可以通过多种方式完成（例如YUI），但出于调试目的，我希望能够简单地查看从服务器接收的JSON对象作为树，没什么花哨的（但是可折叠的树会是奖金）。

我正在寻找的解决方案类似于：

<script source="something.js"/>
<script>
   obj ={"hello":"world"}
   lib.renderJSON("someid",obj);
</script>
...    
<div id="someid"/>

有什么想法吗？

Answer 1

检查一下：http://jquery.bassistance.de/treeview/demo/async.html

Answer 2

当这个帖子出现在Google搜索的回复中时，认为可能值得添加我发现的内容（其他链接在此上下文中不再有效，但我可能错过了一些功能）。

周围有一些，但我没有找到一个在图形树视图中提供它，而是一个简单的文本树视图＆＃34;。标题为＆＃34; beautifiers＆＃34;或＆＃34;易读＆＃34; JSON观众。

我最终使用： jsonview by yesmeck

很好，很简单，并且第一次完成了工作。

Answer 3

使用D3很容易加载json数据就像这样

         d3.json("flare.json", function(error, flare) {
              flare.x0 = 0;
               flare.y0 = 0
               update(root = flare);
           });

Answer 4

我创建了一个简单的JSON查看器。它通过标准JSON.parse（）方法从字符串解析JSON，并绘制json-tree。您只能在项目中使用jsonTree库，并在一个html页面上创建许多json树：

var wrapper = document.getElementById("wrapper");
var data = {
    "firstName": "Jonh",
    "lastName": "Smith",
    "phones": [
        "123-45-67",
        "987-65-43"
    ]
};
var tree = jsonTree.create(data, wrapper);

<link href="libs/jsonTree/jsonTree.css" rel="stylesheet" />
<script src="libs/jsonTree/jsonTree.js"></script>

jsonTree库（jsonTreeViewer的一部分）

是否有一个简单的库将JSON对象渲染为树？

4 个答案: