鬆軟科技Web課堂:JavaScript JSON

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

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

什麼是 JSON？

• JSON 指的是 JavaScript Object Notation
• JSON 是輕量級的數據交換格式
• JSON 獨立於語言 *
• JSON 是「自描述的」且易於理解

* JSON 的語法是來自 JavaScript 對象符號的語法，但 JSON 格式是純文本。讀取和生成 JSON 數據的代碼能夠在任何編程語言編寫的。

JSON 實例

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

JSON 實例

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

JSON 格式評估爲 JavaScript 對象

JSON 格式在語法上與建立 JavaScript 對象的代碼相同。

因爲這種類似性，JavaScript 程序能夠很容易地將 JSON 數據轉換成本地的 JavaScript 對象。

JSON 語法規則

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

JSON 數據 - 名稱和值

JSON 數據的書寫方式是名稱/值對，相似 JavaScript 對象屬性。

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

"firstName":"Bill"

 

JSON 名稱須要雙引號。JavaScript 名稱不須要。

JSON 對象

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

相似 JavaScript，對象可以包含多個名稱/值對：

{"firstName":"Bill", "lastName":"Gates"} 

 

JSON 數組

JSON 數組在方括號中書寫。

相似 JavaScript，數組可以包含對象：

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

　　

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

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

把 JSON 文本轉換爲 JavaScript 對象

JSON 的一般用法是從 web 服務器讀取數據，而後在網頁中顯示數據。

爲了簡單起見，能夠使用字符串做爲輸入演示。

首先，建立包含 JSON 語法的 JavaScript 字符串：

而後，使用 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> 

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

文章來源:www.sysoft.net.cn,加v:15844800162深度交流