때로는 페이지에 JSON 데이터를 직접 표시해야합니다 (예 : 인터페이스 테스트가 완료된 항목 및 인터페이스 리턴 결과가 직접 표시되는 경우)이 직접 표시되면보기에 편리하지 않습니다. . 포맷해야합니다.
해결책:실제로 JSON.stringify 자체는 JSON을 포맷 할 수 있습니다.
json.stringify (Res, Null, 2); // res는 JSON, 2는 간격입니다.
효과가 더 좋으면 형식화 된 코드와 스타일을 추가하십시오.
JS 코드 : 함수 syntaxhighlight (json) {if (typeof json! = 'string') {json = json.stringify (json, undefined, 2);} json = json.replace (/& g, '&'). /</g, '<<'). [^u] |. [^//])*(/s*:)? ee] [+/-]?/d +)/g, function (match) {var cls = 'number'; )) {cls = 'key';} else {class = 'string';}} if (/true | false/.test (match)) {cls = 'boolean') {cls = 'null'; ;} return '<span class =' + class + '>' + match + '</span>';});};}스타일 코드 :
<style> 윤곽선 : 5px; {color;}. magenta;} .key {색상 : 빨간색;} </style>HTML 코드 :
<pre id = result> </pre>
암호:
$ ( '#Result').
효과:
위는 JSON 데이터를 표시하여 HTML에 JSON 데이터를 표시합니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!