JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，采用完全獨立於語言的文本格式，但是也使用了類似於C語言家族的習慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。 易於人閱讀和編寫，同時也易於機器解析和生成。 XML也是一種數據交換格式，為什么沒有選擇XML呢？因為XML雖然可以作為跨平台的數據交換格式，但是在JS中處理XML非常不方便，同時XML標記比數據多，增加了交換產生的流量，而JSON沒有附加的任何標記，在JS中可作為對象處理，所以我們更傾向於選擇JSON來交換數據。
一.json結構及形式
結構1:
“名稱/值”對的集合（A collection of name/value pairs）。不同的語言中，它被理解為對象（object），紀錄（record），結構（struct），字典（dictionary），哈希表（hash table），有鍵列表（keyed list），或者關聯數組 （associative array）。
對應的形式為：
對象是一個無序的“‘名稱/值’對”集合。一個對象以“{”（左括號）開始，“}”（右括號）結束。每個“名稱”后跟一個“:”（冒號）；“‘名稱/值’ 對”之間使用“,”（逗號）分隔。
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }
結構2:
值的有序列表（An ordered list of values）。在大部分語言中，它被理解為數組（array）。
對應的形式為：
數組是值（value）的有序集合。一個數組以“[”（左中括號）開始，“]”（右中括號）結束。值之間使用“,”（逗號）分隔。
[
{
key1:value1,
key2:value2
},
{
key3:value3,
key4:value4
}
]
二.json字符串轉化為json對象
字符串（string）是由雙引號包圍的任意數量Unicode字符的集合，使用反斜線轉義。一個字符（character）即一個單獨的字符串（character string）。字符串（string）與C或者Java的字符串非常相似。
對應的形式：
var json_text = "{'book':{'name':'JAVA編程','author':['Liu','Xu']},'num':222}";
字符串json轉化json對象有三種方式：
1.通過eval( ) 方法將字符串直接轉化為JSON對象 並獲得元素的值。
<script type="text/javascript"> window.onload = function(){ var json_text = "{'book':{'name':'JAVA編程','author':['Liu','Xu']},'num':222}"; //使用eval()將字符串轉換為對象 var json_obj = eval("("+ json_text +")"); //訪問 book-name document.write(json_obj.book.name); //訪問 book-author-Xu document.write(json_obj.book.author[1]); } </script>
注意："()"運算符
2.new Function形式
<script type="text/javascript"> window.onload = function(){ var json_text = "{'book':{'name':'JAVA編程','author':['Liu','Xu']},'num':222}"; //用new Function將字符串轉換為對象 var json_obj = (new Function("return" + json_text))(); //訪問 book-name document.write(json_obj.book.name); //訪問 book-author-Xu document.write(json_obj.book.author[1]); } </script>
3.使用全局的JSON對象
<script type="text/javascript"> window.onload = function(){ var json_text = '{"book":"js"}'; //用全局JSON將字符串json轉換為json對象 var json_obj = JSON.parse(json_text); //訪問 book-name document.write(json_obj.book); //訪問 book-author-Xu //document.write(json_obj.book.author[1]); } </script>
目前IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已實現了該方法。注意：'{"book":"js"}'; 里面的屬性需要用雙引號引起來，才能解析，否則會失敗。
三.json校驗格式化工具簡單實現
做了一個比較簡單的json格式化工具，效果如下：
初始數據：
json格式化后的數據：
代碼分析：
<body> <textarea id="content_value"> </textarea> <input type="button" value="格式化" onclick="check()"> <textarea id="output_value"> </textarea> </body> <script type="text/javascript"> function check(){ var text_value = document.getElementById('content_value').value; if(text_value == ""){ alert("不能為空"); return false; } else { var res=""; for(var i=0,j=0,k=0,ii,ele;i<text_value.length;i++) {//k:縮進，j:""個數 ele=text_value.charAt(i); if(j%2==0&&ele=="}") { k--; for(ii=0;ii<k;ii++) ele=" "+ele; ele="\n"+ele; } else if(j%2==0&&ele=="{") { ele+="\n"; k++; debugger; for(ii=0;ii<k;ii++) ele+=" "; } else if(j%2==0&&ele==",") { ele+="\n"; for(ii=0;ii<k;ii++) ele+=" "; } else if(ele=="\"") j++; res+=ele; } document.getElementById('output_value').value = res; } } </script>
參考資料：
http://www.json.org/json-zh.html
http://www.cnblogs.com/mcgrady/archive/2013/06/08/3127781.html
http://www.cnblogs.com/SkySoot/archive/2012/04/17/2453010.html
http://www.cnblogs.com/xugang/archive/2010/09/10/1823422.html
http://www.cnblogs.com/snandy/archive/2011/03/13/1981611.html
http://www.cnblogs.com/know/archive/2011/03/13/1982839.html