首页 > 网站 > WEB开发 > 正文

前台json展示(调试用)

2024-04-27 15:10:16
字体:
来源:转载
供稿:网友
    //格式化json    function syntaxHighlight(json) {        if (typeof json != 'string') {            json = JSON.stringify(json, undefined, 2);        }        json = json.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');        return json.replace(/("(//u[a-zA-Z0-9]{4}|//[^u]|[^//"])*"(/s*:)?|/b(true|false|null)/b|-?/d+(?:/./d*)?(?:[eE][+/-]?/d+)?)/g,            function (match) {            var cls = 'number';            if (/^"/.test(match)) {                if (/:$/.test(match)) {                    cls = 'key';                } else {                    cls = 'string';                }            } else if (/true|false/.test(match)) {                cls = 'boolean';            } else if (/null/.test(match)) {                cls = 'null';            }            return '<span class="' + cls + '">' + match + '</span>';        });    }

<style>    PRe {        outline: 1px solid #ccc;        padding: 5px;        margin: 5px;    }    .string {        color: green;    }    .number {        color: darkorange;    }    .boolean {        color: blue;    }    .null {        color: magenta;    }    .key {        color: red;    }</style>

展示:<pre id="result" style="width:500px"></pre>

其中syntaxHighlight  的输入值不能为string。

若是需要格式化var json = JSON.parse(str);

效果:


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表