So zeigen Sie JSON-Daten in HTML an

JSON.stringify(res, null, 2); //res ist das zu JSON-fähige Objekt, 2 ist der Abstand

Funktion SyntaxHighlight(json) {
    wenn (Typ von json != 'Zeichenfolge') {
        json = JSON.stringify(json, nicht definiert, 2);
    }
    json = json.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
    return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, Funktion(Übereinstimmung) {
        var cls = "Zahl";
        wenn (/^"/.test(match)) {
            wenn (/:$/.test(match)) {
                cls = "Schlüssel";
            } anders {
                cls = "Zeichenfolge";
            }
        } sonst wenn (/true|false/.test(match)) {
            cls = "Boolesch";
        } sonst wenn (/null/.test(match)) {
            cls = "null";
        }
        gibt '<span class="' + cls + '">' + Übereinstimmung + '</span>' zurück;
    });
}

<Stil>
    vor {Umriss: 1px durchgezogen #ccc; Polsterung: 5px; Rand: 5px; }
    .string { Farbe: grün; }
    .Nummer { Farbe: dunkelorange; }
    .boolean { Farbe: blau; }
    .null { Farbe: magenta; }
    .key { Farbe: rot; }
</Stil>

<pre id="Ergebnis">
</pre>

$('#result').html(syntaxHighlight(res));