في بعض الأحيان ، نحتاج إلى عرض بيانات JSON مباشرة على الصفحة (مثل العنصر الذي يتم فيه إجراء اختبار الواجهة ، ويتم عرض نتيجة إرجاع الواجهة مباشرة) ، ولكن إذا تم عرض السلسلة مباشرة ، فليس من المناسب عرضها . بحاجة إلى التنسيق.
حل:في الواقع ، يمكن لـ JSON.Stringify تنسيق JSON.
Json.Stringify (Res ، Null ، 2) ؛
إذا كان التأثير أفضل ، أضف الكود المنسق والأناقة:
رمز JS: دالة SyntaxHighlight (json) {if (typeof json! = 'string') {json = json.stringify (json ، undefined ، 2) ؛} json = json.replace (/& & g ، '&'). /</g ، '<<'). [^u] |. EE] [+/-]؟/D +)؟)/G ، وظيفة (مطابقة) {var cls = 'number' ؛ )) {cls = 'key' ؛} {class = 'string' ؛}} آخر إذا (/true | false/.test (match)) {cls = 'boolean' ؛ ؛} return '<span class =' + class + '>' + match + '</span>' ؛}) ؛} ؛}رمز النمط:
<Style> Pre {Outly: 1PX Solid #CC ؛ Magenta ؛} .Key {color: red ؛} </style>رمز HTML:
<pre id = result> </pre>
شفرة:
$ (#Result ').
تأثير:
ما سبق هو عرض بيانات JSON لعرض بيانات JSON في HTML. شكرا جزيلا لدعمكم لموقع VEVB Wulin!