javascript - parse - Salida JSON.stringify a div de forma bonita

print json javascript

Question

I JSON.stringify un objeto json por

result = JSON.stringify(message, my_json, 2)

Se supone que los 2 en el argumento de arriba imprimen bastante el resultado. Hace esto si hago algo como alert(result) . Sin embargo, quiero enviar esto al usuario añadiéndolo dentro de un div. Cuando hago esto, aparece una sola línea. (No creo que esté funcionando porque las rupturas y los espacios no se interpretan como html?)

{ "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 }

¿Hay alguna manera de mostrar el resultado de JSON.stringify en un div de una manera bonita?

Answer 1

Asegúrese de que la salida JSON esté en una etiqueta <pre> .

Answer 2

Considere los retornos de su API REST:

{"Intent":{"Command":"search","SubIntent":null}}

Luego puede hacer lo siguiente para imprimirlo en un formato agradable:

<pre id="ciResponseText">Output will de displayed here.</pre>   

var ciResponseText = document.getElementById(''ciResponseText'');
var obj = JSON.parse(http.response);
ciResponseText.innerHTML = JSON.stringify(obj, undefined, 2);   

Answer 3

Divulgación completa Soy el autor de este paquete, pero otra forma de generar objetos JSON o JavaScript de forma legible, completa con la posibilidad de omitir partes, contraerlas, etc., es nodedump , https://github.com/ragamufin/nodedump

Answer 4

Si esto es realmente para un usuario, mejor que solo enviar texto, puede usar una biblioteca como esta https://github.com/padolsey/prettyprint.js para mostrarla como una tabla HTML.

Answer 5

Usa una etiqueta <pre>

demo: http://jsfiddle.net/K83cK/

Answer 6

use estilo white-space: pre la etiqueta <pre> también modifica el formato de texto que puede ser indeseable.