La méthode d'affichage des données JSON dans HTML

Parfois, nous devons afficher les données JSON directement sur la page (comme l'élément où le test d'interface est effectué, et le résultat du retour de l'interface est directement affiché), mais si la chaîne est affichée directement, il n'est pas pratique de voir . Besoin de formater.

En fait, JSON.

 JSON.StRINGIFY (RES, NULL, 2);

Si l'effet est meilleur, ajoutez le code et le style formatés:

 Fonction syntaxhighlight (json) {if (typeof json! = 'String') {json = json.stringify (json, undefined, 2);} json = json.replace (/ & / g, '&'). / </ g, '<<'). [^ u] | [^ //]) * (/ s * :)? ee] [+/-]? / d +)?) / g, fonction (correspond) {var cls = 'nombre'; . ;} Return '<span class =' ​​+ class + '>' + match + '</span>';});};}

Code de style:

 <Style> pre {contour: 1px solide #ccc; Magenta;} .key {couleur: rouge;} </ style>

Code html:

 <pre id = result> </ pre>

Code:

 $ ('#Result').

Effet:

Ce qui précède est la méthode pour afficher les données JSON pour afficher les données JSON dans HTML. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!