DIV CSS 佈局教程網

一、JSON是什麼？

JSON，說白了就是JavaScript用來處理數據的一種格式，這種格式非常簡單易用。

JSON，大部分都是用來處理JavaScript和web服務器端之間的數據交換，把後台web服務器的數據傳遞到前台，然後使用JavaScript進行處理，例如ajax等。

JSON支持的語言非常多，包括JavaScript、C#、PHP、Java等等，這是由於JSON獨立於語言的輕量級的數據交換格式，這個特點有點類似於SQL語言。

二、JSON的2種結構

JSON結構共有2種：

（1）對象結構；

（2）數組結構；

1、對象結構

對象結構是使用大括號“{}”括起來的，大括號內是由0個或多個用英文逗號分隔的“關鍵字:值”對（key:value）構成的。

語法：

 
var jsonObj =
{
    "鍵名1":值1,
    "鍵名2":值2,
    ……
    "鍵名n":值n
}

說明：

jsonObj指的是json對象。對象結構是以“{”開始，到“}”結束。其中“鍵名”和“值”之間用英文冒號構成對，兩個“鍵名:值”之間用英文逗號分隔。

注意，這裡的鍵名是字符串，但是值可以是數值、字符串、對象、數組或邏輯true和false。

2、JSON數組結構

JSON數組結構是用中括號“[]”括起來，中括號內部由0個或多個以英文逗號“,”分隔的值列表組成。

語法：

 
var arr =
[
    {
        "鍵名1":值1,
        "鍵名2":值2
    },
    {
        "鍵名3":值3,
        "鍵名4":值4
    },
    ……
]

說明：

arr指的是json數組。數組結構是以“[”開始，到“]”結束，這一點跟JSON對象不同。在JSON數組中，每一對“{}”相當於一個JSON對象，大家看看像不像？而且語法都非常類似。

注意，這裡的鍵名是字符串，但是值可以是數值、字符串、對象、數組或邏輯true和false。

對於JSON對象結構和JSON數組結構的讀取、寫入、修改、刪除和遍歷等操作請到相應章節認真查看。

三、JSON對象和JSON字符串

1、普通字符串、JSON字符串和JSON對象

初學者經常有一個困惑，就是分不清普通字符串、JSON字符串和JSON對象。其實這3者是非常容易區分的。

（1）普通字符串

字符串嘛，大家都知道是使用單引號或雙引號括起來的一串字符。

舉例：

 
var str = " 學習網json教程";

（2）JSON對象

JSON對象我們在“JSON對象結構”這一節已經詳細為大家講解了。JSON對象，指的是符合JSON格式要求的JavaScript對象。

舉例：

 
var jsonObj = {"name":"helicopter","age":23,"gender":"男"};

（3）JSON字符串

JSON字符串，指的是符合“JSON格式”的字符串。

JSON字符串要求兩點：

① 必須是字符串，也就是要用單引號或雙引號括起來；

② 必須符合“JSON”格式。

舉例：

 
var jsonStr = '{"name": "helicopter", "age":23, "gender": "男"}';

JSON字符串說白了就是在JSON對象外面加一對單引號。

四、JSON在線解析工具

 學習網開發的這款JSON在線解析工具可以對JSON數據進行驗證、美化、壓縮和編寫等，非常的方便實用。

工具地址：JSON在線解析工具

這一章僅僅是講解了JSON基礎知識，在接下來的章節中我們會對在jQuery操作JSON、ASP.NET操作JSON等進行詳細講解。核心內容在後面章節，站長會不斷更新教程，請大家繼續關注JSON教程。

(教程未完待續，還望繼續關注更新！)