javascript json

json 是存儲和傳輸數據的格式。

json 經常在數據從服務器發送到網頁時使用。

1. 什么是 json？

• json 指的是 javascript object notation
• json 是輕量級的數據交換格式
• json 獨立于語言
• json 是“自描述的”且易于理解

2. json 范例

json 語法定義了一個雇員對象：包含三條員工記錄的數組（對象）：

json 范例

{
"employees":[
    {"firstname":"bill", "lastname":"gates"}, 
    {"firstname":"steve", "lastname":"jobs"},
    {"firstname":"alan", "lastname":"turing"}
]
}

3. json 格式評估為 javascript 對象

json 格式在語法上與創建 javascript 對象的代碼相同。

由于這種相似性，javascript 程序可以很容易地將 json 數據轉換成本地的 javascript 對象。

4. json 語法規則

• 數據是名稱/值對
• 數據由逗號分隔
• 花括號保存對象
• 方括號保存數組

5. json 數據 - 名稱和值

json 數據的書寫方式是名稱/值對，類似 javascript 對象屬性。

名稱/值對由（雙引號中的）字段名構成，其后是冒號，再其后是值：

"firstname":"bill"

json 名稱需要雙引號。javascript 名稱不需要。

6. json 對象

json 對象是在花括號內書寫的。

類似 javascript，對象能夠包含多個名稱/值對：

{"firstname":"bill", "lastname":"gates"} 

7. json 數組

json 數組在方括號中書寫。

類似 javascript，數組能夠包含對象：

"employees":[
    {"firstname":"bill", "lastname":"gates"}, 
    {"firstname":"steve", "lastname":"jobs"}, 
    {"firstname":"alan", "lastname":"turing"}
]

在上面的例子中，對象 "employees" 是一個數組。它包含了三個對象。

每個對象代表一個人的一條記錄（帶有名和姓）。

8. 把 json 文本轉換為 javascript 對象

json 的通常用法是從 web 服務器讀取數據，然后在網頁中顯示數據。

為了簡單起見，可以使用字符串作為輸入演示。

首先，創建包含 json 語法的 javascript 字符串：

var text = '{ "employees" : [' +
'{ "firstname":"bill" , "lastname":"gates" },' +
'{ "firstname":"steve" , "lastname":"jobs" },' +
'{ "firstname":"alan" , "lastname":"turing" } ]}';

然后，使用 javascript 的內建函數 json.parse() 來把這個字符串轉換為 javascript 對象：

var obj = json.parse(text);

最后，請在您的頁面中使用這個新的 javascript 對象：

范例

<p id="demo"></p>
<script>
document.getelementbyid("demo").innerhtml =
obj.employees[1].firstname + " " + obj.employees[1].lastname;
</script>