Die Methode zum Anzeigen von JSON -Daten in HTML

Manchmal müssen wir die JSON -Daten direkt auf der Seite anzeigen (z. B. das Element, in dem der Schnittstellentest durchgeführt wird, und das Ergebnis der Schnittstellenrendite direkt angezeigt wird) . Mussten formatieren.

Tatsächlich kann JSON.Stringify selbst JSON formatieren.

 JSON.Stringify (res, null, 2);

Wenn der Effekt besser ist, fügen Sie den formatierten Code und Stil hinzu:

 Funktionssyntaxhighlight (JSON) {if (typeof json! /</g, '<<'). [^u] |. ee] [+/-]?/d +)?)/g, function (match) {var cls = 'nummer'; )) {Cls = 'key';} else {class = 'string';}} ​​else if (/true | false/.Test (Match)) {cls = 'boolean'; ;} Return '<span class =' ​​+ class + '>' + Match + '</span>';});};}

Stilcode:

 <Styles> Pre {Umriss: 1PX Solid #CCC; Magenta;} .Key {Farbe: rot;} </style>

HTML -Code:

 <pre id = result> </pre>

Code:

 $ ('#Result').

Wirkung:

Die oben genannte Methode, um JSON -Daten in HTML anzuzeigen. Ich hoffe, dass dies für alle hilfreich ist. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!