El método de mostrar datos JSON en HTML

A veces necesitamos mostrar los datos JSON directamente en la página (como el elemento donde se realiza la prueba de interfaz, y el resultado de la devolución de la interfaz se muestra directamente), pero si la cadena se muestra directamente, no es conveniente ver . Necesidad de formatear.

De hecho, JSON.stringify puede formatear JSON.

 Json.Stringify (res, nulo, 2);

Si el efecto es mejor, agregue el código y el estilo formateados:

 Function syntaxhighlight (json) {if (typeof json! = 'String') {json = json.stringify (json, indefinido, 2);} json = json.replace (/&/g, '&'). /</g, '<<'). [^U] | ee] [+/-]?/d +)?)/g, function (match) {var cls = 'number'; )) {Cls = 'key';} else {class = 'string';}} ​​else if (/true | false/.test (match)) {cls = 'boolean'; ;} Return '<span class =' ​​+ class + '>' + match + '</span>';});};}

Código de estilo:

 <Estilo> pre {esquema: 1px #ccc; Magenta;} .key {color: rojo;} </style>

Código HTML:

 <pre id = resultado> </pre>

Código:

 $ ('#Result').

Efecto:

El anterior es el método de mostrar datos JSON para mostrar los datos de JSON en HTML. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!