Метод отображения данных JSON в HTML

Иногда нам нужно отобразить данные JSON непосредственно на странице (например, элемент, где выполняется интерфейс -тест, и результат возврата интерфейса непосредственно отображается), но если строка отображается напрямую, она не удобно для просмотра Полем Нужно форматировать.

На самом деле, JSON.Stringify сам может отформатировать JSON.

 Json.stringify (res, null, 2);

Если эффект лучше, добавьте форматированный код и стиль:

 Function Syntaxhight (json) {if (typeof json! = 'String') {json = json.stringify (json, undefined, 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>';});};}

Код стиля:

 <style> pre {upline: 1px solid #ccc; Magenta;} .key {color: red;} </style>

HTML -код:

 <pre id = result> </pre>

Код:

 $ ('#Result').

Эффект:

Приведенный выше метод отображения данных JSON для отображения данных JSON в HTML. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!