HTML頁面直接顯示json 結構
阿新 • • 發佈：2017-10-17
直接 jquer word-wrap pre cnblogs result success png head
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> #songResJson{ border: 1px solid #8d8c8c; padding: 5px; white-space: pre-wrap; word-wrap: break-word; }</style> </head> <body> <div class="apiResult"> <h2> json 數據</h2> <pre id="songResJson"></pre> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> <script> vardata = { "ret": 0, "msg": "success", "data": [] }; $("#songResJson").text(JSON.stringify(data,null,2)); </script> </body> </html>
結構展示
HTML頁面直接顯示json 結構