2009-03-13 14 views
8

Entonces, ¿hay una biblioteca MUY simple que represente objetos JSON como árboles? Sé que esto se puede hacer de muchas maneras (como YUI), pero para depuración me gustaría simplemente poder ver un objeto JSON que recibo de un servidor como un árbol, nada sofisticado (pero el árbol colapsable sería ser un extra).¿Hay una biblioteca simple que represente objetos JSON como árboles?

El tipo de solución Busco sería algo así como:

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

¿Alguna idea?

Respuesta

1

Como este hilo surgió en respuesta a una búsqueda en Google, pensamos que podría valer la pena añadir en lo que he encontrado (el otro enlace ya no aparece válida en este contexto, pero que pude perdido alguna funcionalidad).

Hay algunas alrededor, pero no encontré una que lo proporcionara en una "vista de árbol gráfica", en lugar de una simple "vista de árbol de texto". Hubo titulados como "embellecedores" o "lectores fáciles de leer" JSON.

Terminé usando: jsonview by yesmeck

bonito y sencillo, y cumplió con su cometido primera vez.

1

uso D3 es muy fácil de cargar datos JSON simplemente algo como esto

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

he creado un simple espectador JSON. Analiza JSON de cadena mediante el método estándar JSON.parse() y dibuja json-tree. Sólo se puede utilizar la biblioteca jsonTree en su proyecto y crear muchos JSON-árboles en una página 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>

jsonTree biblioteca (parte de jsonTreeViewer)

+1

Si bien esto puede responder teóricamente el pregunta, [sería preferible] (// meta.stackoverflow.com/q/8259) incluir aquí las partes esenciales de la respuesta y proporcionar el enlace de referencia. –

Cuestiones relacionadas