HTML页面直接显示json 结构
Posted AllenChou
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML页面直接显示json 结构相关的知识,希望对你有一定的参考价值。
<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> var data = { "ret": 0, "msg": "success", "data": [] }; $("#songResJson").text(JSON.stringify(data,null,2)); </script> </body> </html>
结构展示
以上是关于HTML页面直接显示json 结构的主要内容,如果未能解决你的问题,请参考以下文章