Иногда нам нужно отобразить данные JSON непосредственно на странице (например, элемент, где выполняется интерфейс -тест, и результат возврата интерфейса непосредственно отображается), но если строка отображается напрямую, она не удобно для просмотра Полем Нужно форматировать.
Решение:На самом деле, JSON.Stringify сам может отформатировать JSON.
Json.stringify (res, null, 2);
Если эффект лучше, добавьте форматированный код и стиль:
JS -код: 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!