Y a-t-il une bibliothèque simple qui rendra les objets JSON comme des arbres?

Question

Alors, y a-t-il une bibliothèque TRÈS simple qui rendra les objets JSON comme des arbres? Je sais que cela peut être fait de plusieurs façons (comme YUI), mais à des fins de débogage je voudrais simplement pouvoir voir un objet JSON que je reçois d'un serveur comme un arbre, rien d'extraordinaire (mais un arbre pliable être un bonus).

Le genre de solution que je suis à la recherche serait quelque chose comme:

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

Toutes les idées?

Answer 1

vérifier cela aussi: http://jquery.bassistance.de/treeview/demo/async.html

Answer 2

Comme ce fil est venu en réponse à une recherche Google, pensé qu'il pourrait être intéressant d'ajouter à ce que je trouvais (l'autre lien ne semble plus valable dans ce contexte, mais je ne pouvais avoir manqué certaines fonctionnalités).

Il y en a quelques-uns autour, mais je n'en ai pas trouvé un qui l'a fourni dans une "arborescence graphique", plutôt une simple "vue arborescente de texte". Il a été intitulé comme "Jolies" ou "facile à lire" JSON téléspectateurs.

Je fini par utiliser: jsonview by yesmeck

Nice et simple, et a fait le travail première fois.

Answer 3

utilisation D3 il est très facile de charger des données JSON juste quelque chose comme ça

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

Answer 4

J'ai créé d'un simple spectateur JSON. Il analyse JSON à partir d'une chaîne par la méthode standard JSON.parse() et dessine json-tree. Vous ne pouvez utiliser que la bibliothèque jsonTree dans votre projet et créer de nombreux JSON arbres sur une page html:

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>

bibliothèque jsonTree (partie de jsonTreeViewer)