Jeg JSON.stringify
et json-objekt ved hjelp av
result = JSON.stringify(message, my_json, 2)
Det er meningen at 2
i argumentet ovenfor skal skrive ut resultatet. Det gjør den hvis jeg gjør noe sånt som alert(result)
. Jeg ønsker imidlertid å vise dette til brukeren ved å legge det inn i en div. Når jeg gjør dette får jeg bare opp en enkelt linje. (Jeg tror ikke det fungerer fordi pausene og mellomrommene ikke blir tolket som html).
{ "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 }
Finnes det en måte å skrive ut resultatet av JSON.stringify
til en div på en pen måte?
Vennligst bruk en <pre>
-tagg
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>
Hvis dette virkelig er for en bruker, er det bedre å bruke et bibliotek som dette https://github.com/padolsey/prettyprint.js for å få det ut som en HTML-tabell.