क्या कोई साधारण लाइब्रेरी है जो जेएसओएन वस्तुओं को पेड़ के रूप में प्रस्तुत करेगी?

Question

तो, क्या एक बहुत ही सरल पुस्तकालय है जो जेएसओएन वस्तुओं को पेड़ के रूप में प्रस्तुत करेगा? मुझे पता है कि यह कई तरीकों से किया जा सकता है (जैसे कि यूयूआई), लेकिन डीबग प्रयोजनों के लिए मैं बस एक जेएसओएन ऑब्जेक्ट्स को एक पेड़ के रूप में प्राप्त करने में सक्षम होना चाहता हूं, कुछ भी नहीं फैंसी (लेकिन ढहने योग्य पेड़ की इच्छा बोनस बनें)।

समाधान की तरह मैं की तरह कुछ होगा की तलाश में हूँ:

<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

इस सूत्र एक गूगल खोज के जवाब में आया के रूप में, सोचा था कि यह (अन्य लिंक अब इस संदर्भ में मान्य प्रतीत होता है कि मैं क्या पाया में जोड़ने के लायक हो सकता है, लेकिन मैं कर सकता कुछ कार्यक्षमता याद आ गई है)।

कुछ आसपास हैं, लेकिन मुझे ऐसा नहीं मिला जो इसे "ग्राफिकल ट्री व्यू" में प्रदान किया गया था, बल्कि एक साधारण "टेक्स्ट ट्री व्यू"। "Beautifiers" या "आसान पढ़ने" JSON दर्शक के रूप में शीर्षक दिया गया था।

मैं का उपयोग कर समाप्त हो गया: jsonview by yesmeck

अच्छा और सरल है, और काम पहली बार किया था।

Answer 3

उपयोग डी 3 यह सिर्फ इस

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

Answer 4

मैं एक साधारण JSON दर्शक बनाई तरह कुछ json डेटा लोड करने के बहुत आसान है। यह जेएसओएन मानक JSON.parse() विधि द्वारा स्ट्रिंग से पार्स करता है, और जेसन-पेड़ खींचता है। इस जबकि

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 का हिस्सा)