Ich JSON.stringify
ein json-Objekt durch
result = JSON.stringify(message, my_json, 2)
Die 2
im obigen Argument soll das Ergebnis schön ausgeben. Es tut dies, wenn ich etwas wie alert(result)
mache. Ich möchte das Ergebnis jedoch an den Benutzer ausgeben, indem ich es in ein div einfüge. Wenn ich dies tue, bekomme ich nur eine einzige Zeile angezeigt. (Ich glaube nicht, dass es funktioniert, weil die Pausen und Leerzeichen nicht als HTML interpretiert werden).
{ "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 }
Gibt es eine Möglichkeit, das Ergebnis von JSON.stringify
in einem div in einer hübschen Druckweise auszugeben?
Bitte verwenden Sie einen <pre>
-Tag
demo :
var data = {
"data": {
"x": "1",
"y": "1",
"url": "http://url.com"
},
"event": "start",
"show": 1,
"id": 50
}
document.getElementById("json").innerHTML = JSON.stringify(data, undefined, 2);
<pre id="json"></pre>
Wenn dies wirklich für einen Benutzer ist, besser als nur Text auszugeben, können Sie eine Bibliothek wie diese https://github.com/padolsey/prettyprint.js verwenden, um es als eine HTML-Tabelle auszugeben.