Metode menampilkan data JSON di HTML

Kadang -kadang kita perlu menampilkan data JSON secara langsung pada halaman (seperti item di mana tes antarmuka dilakukan, dan hasil pengembalian antarmuka ditampilkan secara langsung), tetapi jika string ditampilkan secara langsung, tidak nyaman untuk dilihat . Perlu format.

Faktanya, JSON.Stringify itu sendiri dapat memformat JSON.

 Json.stringify (res, null, 2); // res adalah objek JSON, 2 adalah jarak

Jika efeknya lebih baik, tambahkan kode dan gaya yang diformat:

 Function syntaxhighlight (json) {if (typeof json! = 'String') {json = json.stringify (json, tidak terdefinisi, 2);} json = json.replace (/&/g, '&'). /</g, '<<'). [^u] | ee] [+/-]?/d +)?)/g, fungsi (match) {var cls = 'number'; ). ;} Return '<span class =' ​​+ class + '>' + Match + '</span>';});};}

Kode Gaya:

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

Kode HTML:

 <pre id = result> </pr Pre>

Kode:

 $ ('#Result').

Memengaruhi:

Di atas adalah metode menampilkan data JSON untuk menampilkan data JSON di HTML. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!