小编Mil*_*caJ的帖子

在页面上将 JSON 数据显示为可展开/可折叠列表

我需要有关在可展开/可折叠列表等页面上显示 JSON 数据的帮助。

这是我使用 Python 从 XML 转换的有效 JSON:

JSON 数据

为了显示它,我使用了这个:

<!DOCTYPE HTML>
<head>
    <title>JSON Tree View</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script>

</head>
<script>
function json_tree(object){
        var json="<ul>";
        for(prop in object){
            var value = object[prop];
            switch (typeof(value)){
                case "object":
                    var token = Math.random().toString(36).substr(2,16);
                    json += "<li><a class='label' href='#"+token+"' data-toggle='collapse'>"+prop+"="+value+"</a><div id='"+token+"' class='collapse'>"+json_tree(value)+"</div></li>";
                break;
                default:
                json += "<li>"+prop+"="+value+"</li>";
            }
        }
        return json+"</ul>";
}
</script>
<body style="margin: 40px;">
<h3>Paste JSON Into The Textarea Below and Click 'Build Tree'</h3>

<textarea id="json" style="width: …
Run Code Online (Sandbox Code Playgroud)

javascript python tree json list

8
推荐指数
3
解决办法
9741
查看次数

标签 统计

javascript ×1

json ×1

list ×1

python ×1

tree ×1