HTMLにJSONデータを表示する方法

ページにJSONデータを直接表示する必要がある場合があります（インターフェイステストが完了したり、インターフェイスリターンの結果が直接表示されたりするアイテムなど）が、文字列が直接表示される場合、表示するのは便利ではありません。フォーマットする必要があります。

実際、JSON.Stringify自体はJSONをフォーマットできます。

 json.stringify（res、null、2）;

効果が優れている場合は、フォーマットされたコードとスタイルを追加します。

 function syntaxhighlight（json）{if（typeof json！= 'string'）{json = json.stringify（json、undefined、2）;} json.replace（/＆/g、 '＆'）。 /</g、 '<<'） [^u] |。 ee] [+/-]？/d +）/g、function（mate）{var cls = 'number'; ）{cls = 'key';} else {class = 'string';}} if（/true | false/.test（mate））{cls = 'null'; ;} return '<span class =' + class + '>' + match + '</span>';};};};}

スタイルコード：

 <Style> Preline：Solid #CCC; Magenta;} .Key {color：Red;} </style>

HTMLコード：

 <pre id = result> </pre>

コード：

 $（ '#Result'）。

効果：

上記は、JSONデータをHTMLに表示する方法です。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！