JavaScript:基礎擴充(1)——JSON

標籤：html   doc   new   數字   nbsp   字串   發送   title   innerhtml   

JavaScript:擴充知識(1)——JSON理解：

　　 關於 JSON,最重要的是要理解它是一種資料格式,不是一種程式設計語言。雖然具有相同的文法形式,但 JSON 並不從屬於 JavaScript。而且,並不是只有 JavaScript 才使用 JSON,畢竟 JSON 只是一種資料格式。很多程式設計語言都有針對 JSON 的解析器和序列化器。

• JSON 檔案的檔案類型是 ".json"
• JSON 文本的 MIME 類型是 "application/json"

文法：JSON取值

• 數字（整數或浮點數）
• 字串（在雙引號中）
• 邏輯值（true 或 false）
• 數組（在中括弧中）
• 對象（在大括弧中）
• null

{ "age":30 }{ "flag":true }{ "runoob":null }

 

對象

說明：

　　1.JSON對象在{}中書寫。

　　2.對象可以包含多個 key/value（鍵/值）對。

　　3.key必須為字串，value必須為合法的JSON資料類型。

　　4.key 和 value 中使用冒號(:)分割。每個 key/value 對使用逗號(,)分割。

對象標記法：

/*JSON對象標記法*/{  “name”:"MS",  "age":100,        "id":10010}

對象數組：

/*JSON數組*/[  {"title":"a","num":10},  {"title":"b","num":20},  {"title":"c","num":30}]

訪問對象值：

/*使用 . 訪問對象值*/var myObj, x;myObj = { "name":"runoob", "alexa":10000, "site":null };x = myObj.name;/*使用 [] 訪問對象值*/var myObj, x; myObj = myObj = { "name":"runoob", "alexa":10000, "site":null }; 
x = myObj["name"];

使用迴圈來遍曆對象

var myObj = { "name":"runoob", "alexa":10000, "site":null };for (x in myObj) {    document.getElementById("demo").innerHTML += myObj[x] + "<br>";}

嵌套JSON對象

一個JSON對象嵌套另一個JSON對象

myObj = {    "name":"runoob",    "alexa":10000,    "sites": {        "site1":"www.runoob.com",        "site2":"m.runoob.com",        "site3":"c.runoob.com"    }}

訪問嵌套的JSON對象

x = myObj.sites.site1;// 或者x = myObj.sites["site1"];

修改值

myObj.sites.site1 = "www.google.com";myObj.sites["site1"] = "www.google.com";

刪除對象屬性

delete myObj.sites.site1;delete myObj.sites["site1"]

解析和序列化 解析

說明：

• JSON 通常用於與服務端交換資料。
• 在接收伺服器資料時一般是字串。
• 我們可以使用 JSON.parse() 方法將資料轉換為 JavaScript 對象。

　　

從服務端接收JSON資料（http://www.runoob.com/json/json-parse.html）

使用 AJAX 從伺服器請求 JSON 資料，並解析為 JavaScript 對象。

var xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function() {    if (this.readyState == 4 && this.status == 200) {        myObj = JSON.parse(this.responseText);        document.getElementById("demo").innerHTML = myObj.name;    }};xmlhttp.open("GET", "/try/ajax/json_demo.txt", true);xmlhttp.send();

序列化

說明：

• JSON 通常用於與服務端交換資料。
• 在向伺服器發送資料時一般是字串。
• 我們可以使用 JSON.stringify() 方法將 JavaScript 對象轉換為字串。

• JSON.stringify(value[, replacer[, space]])

　　

JavaScript:基礎擴充(1)——JSON