O método de exibir dados JSON em HTML

Às vezes, precisamos exibir os dados do JSON diretamente na página (como o item em que o teste da interface é feito e o resultado do retorno da interface é exibido diretamente), mas se a sequência for exibida diretamente, não é conveniente visualizar . Precisa formatar.

De fato, o JSON.Stringify em si pode formatar o JSON.

 Json.Stringify (res, null, 2);

Se o efeito for melhor, adicione o código e o estilo formatados:

 Função 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 = 'número'; )) {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 {contorno: 1px sólido #ccc; Magenta;} .Key {color: Red;} </style>

Código HTML:

 <pred = resultado> </pre>

Código:

 $ ('#Result').

Efeito:

O acima é o método de exibição de dados JSON para exibir dados JSON no HTML. Muito obrigado pelo seu apoio ao site VevB Wulin!