zoukankan      html  css  js  c++  java
  • 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>

    结构展示

  • 相关阅读:
    Android作业10/21
    Android作业10/07
    Android作业0930
    Android作业 0923
    第四周作业
    第七周
    第六周
    第四周作业
    3.10第二次
    jsp第一次作业
  • 原文地址:https://www.cnblogs.com/AllenChou/p/7680918.html
Copyright © 2011-2022 走看看