zoukankan      html  css  js  c++  java
  • 在html中怎么格式化输出json字符串

    #今天的项目用到,看俊哥找到,特此记录下来

    步骤:

    1、在html页面中输入下面的标签,必须是在pre标签内输出格式才会生效:

    <pre id="songReqJson"></pre>  

    2、js代码如下:

    var songResJson={  
    02.          "service": "ALL",  
    03.          "qt": 581,  
    04.          "content": {  
    05.            "answer": {  
    06.              "song": "如果缘只到遇见",  
    07.              "album": "如果缘只到遇见",  
    08.              "artist": "吴奇隆 严艺丹",  
    09.              "pic_url": "http://p1.music.126.net/-u3WgIXsFNCW7d8Jy7pCEA==/5921969627395387.jpg"  
    10.            },  
    11.            "scene": "music"  
    12.          }  
    13.        }  
    14.//歌曲场景  
    15.$("#songResJson").text(JSON.stringify(songResJson,null,2));  

    这里主要用到了JSON.stringify(songResJson,null,2)方法,

    其中songResJson是在js中声明的json对象,2表示缩进两个空格。

    其详细用法可查看:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

    还可以添加样式,参见:http://www.jianshu.com/p/04127d74d88c

    来源:http://blog.csdn.net/zhengxiangwen/article/details/68927330

  • 相关阅读:
    python (八)迭代器、生成器、列表推导式
    python (七)装饰器
    HTML基础 (一)
    jQuery(一)
    JavaScript 练习(二)事件
    DOM节点(二)
    git操作顺序
    VUE练习(二)解决Bug
    前端环境VSCode
    JavaScript 基础基础最基础
  • 原文地址:https://www.cnblogs.com/wangzhao2016/p/7146239.html
Copyright © 2011-2022 走看看