基本信息
源码名称：JSON格式化工具
源码大小：1.78KB
文件格式：.rar
开发语言：CSS
更新时间：2013-06-11
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍

通过js和html实现的对json数据格式化的工具。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<hta:application icon="http://uploadico.55.la/upload/ico/2011/10/11/17/Fjson_1318326063.ico" innerborder=0 navigable=0 scroll=0 />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Json格式化工具Ver 1.0 By:笃行天下</title>
<style type="text/css">
<!--
body{
 margin:0 auto;
 background-color: #EEECC4;
}
#container{
 margin:0 auto;
 width: 960px;
}
#container .bgArea {
 background-color: #CCC;
 height: 500px;
 width: 960px;
 margin-top: 20px;
}
#container .btnArea input{
 width:950px;
 margin-left:-10px;
 height:40px;
 font-size:30px
}
#container .bgArea .textArea textarea {
 background-color: #EEE;
 border-top:1px solid #CCC;
 border-right-style: none;
 border-bottom-style: none;
 border-left: 1px solid #CCC;
 height: 800px;
 width: 955px;
 margin-top: -10px;
 margin-left: -10px;
 padding-left:5px;
}
#container .info{
 height:10px;
 font-size:15px;
 text-align:right;
 color:#666;
}
#container .info a{
 text-decoration:none; 
 color:#030;
}
-->
</style>
</head>

<body>
<div id="container">
    <div class="btnArea">
        <input type="button" onclick="formatJson()" value="FormatJSON"/>
    </div>
 <div class="bgArea">
     <div class="textArea">
         <textarea id="formated">
   
   </textarea>
        </div>
    </div>
</div>

<script type="text/javascript">
  <!--
 /*jslint white: true, devel: true, onevar: true, browser: true, undef: true, nomen: true, regexp: true, plusplus: false, bitwise: true, newcap: true, maxerr: 50, indent: 4 */
var jsl = typeof jsl === 'undefined' ? {} : jsl;

/**
 * jsl.format - Provide json reformatting in a character-by-character approach, so that even invalid JSON may be reformatted (to the best of its ability).
 From :https://github.com/umbrae/jsonlintdotcom/blob/master/c/js/jsl.format.js
 *
**/
jsl.format = (function () {

    function repeat(s, count) {
        return new Array(count 1).join(s);
    }

    function formatJson(json) {
        var i           = 0,
            il          = 0,
            tab         = "    ",
            newJson     = "",
            indentLevel = 0,
            inString    = false,
            currentChar = null;

        for (i = 0, il = json.length; i < il; i = 1) {
            currentChar = json.charAt(i);

            switch (currentChar) {
            case '{':
            case '[':
                if (!inString) {
                    newJson = currentChar "\n" repeat(tab, indentLevel 1);
                    indentLevel = 1;
                } else {
                    newJson = currentChar;
                }
                break;
            case '}':
            case ']':
                if (!inString) {
                    indentLevel -= 1;
                    newJson = "\n" repeat(tab, indentLevel) currentChar;
                } else {
                    newJson = currentChar;
                }
                break;
            case ',':
                if (!inString) {
                    newJson = ",\n" repeat(tab, indentLevel);
                } else {
                    newJson = currentChar;
                }
                break;
            case ':':
                if (!inString) {
                    newJson = ": ";
                } else {
                    newJson = currentChar;
                }
                break;
            case ' ':
            case "\r":
            case "\n":
            case "\t":
                if (inString) {
                    newJson = currentChar;
                }
                break;
            case '"':
                if (i > 0 && json.charAt(i - 1) !== '\\') {
                    inString = !inString;
                }
                newJson = currentChar;
                break;
            default:
                newJson = currentChar;
                break;                   
            }
        }

        return newJson;
    }

    return { "formatJson": formatJson };

}());

function formatJson(){
 var formated = document.getElementById("formated");
 if(formated.innerText != ""){
  formated.innerText = jsl.format.formatJson(formated.innerText);
 }
}

resizeTo(1030,900);moveTo(500,60);

//-->
  </script>
</body>
</html>