JSON 格局化

JSON固然可以达到快速的解析,然则JSON在没有格局化之前,倒霉于浏览,特别是比较大年夜的JSON,看起来更是费力,下面简介一下Javascript,格局化JSON输入。

本章节重要会针对JSON的数据格局化(JSON美化),做出讲解。

JSON 格局化/美化 栗子

甚么都不说了,直接给出一个美化JSON的栗子,先来一个复杂的JSON

我们先来一个稍微复杂的JSON,不做格局化以下:

{"title":"json在线解析(简版) - soJSON在线解析","domain":"http://exergyanc.com/simple_json_beta.html","keywords":"json在线解析","功能":["JSON美化","JSON数据类型显示","JSON数组显示角标","高亮显示","缺点提示",{"备注":["exergyanc.com","json.la"]}],"参加我们":{"qq群":"259217951"}}

是否是很焦急?这个JSON还稍微短一点,那么我们用JSON在线解析对象操作一把,以下:

{
    "title": "json在线解析(简版) - soJSON在线解析",
    "domain": "http://exergyanc.com/simple_json_beta.html",
    "keywords": "json在线解析",
    "功能": [
        "JSON美化",
        "JSON数据类型显示",
        "JSON数组显示角标",
        "高亮显示",
        "缺点提示",
        {
            "备注": [
                "exergyanc.com",
                "json.la"
            ]
        }
    ],
    "参加我们": {
        "qq群": "259217951"
    }
}

看到成果后,惊不欣喜、意不料外?浏览是否是没瑕疵?

假设碰到JSON缺点,还会中文提示缺点的处所,?应当要怎样样去改。体验一下吧?===> JSON在线解析

我们本身来用代码实验一下:

var json = {"title":"json在线解析(简版) - soJSON在线解析","domain":"http://exergyanc.com/simple_json_beta.html","keywords":"json在线解析","功能":["JSON美化","JSON数据类型显示","JSON数组显示角标","高亮显示","缺点提示",{"备注":["exergyanc.com","json.la"]}],"参加我们":{"qq群":"259217951"}};
//每行以10个空格递进,并且输入到Id为 outText 的textarea中。
document.getElementById("outText").value = (JSON.stringify(json,null,10));

看到成果后,惊不欣喜、意不料外?浏览是否是没瑕疵?本来本站的格局化页面就是这么做的,把精华都直接告诉您们了。

版权所属:SOJSON(原创文章)

原文地址:http://exergyanc.com/json/json_fmt.html

转载时必须以链接情势注明原始出处及本声明。

付出扫码

一切赞助/开支都讲地下通细,用于网站保护:赞助名单检查

检查我的收藏

正在加载... ...