JavaScript JSON
JSON是JavaScript Object Notation的縮寫,它是一種資料交換格式。
什麼是 JSON?
JSON 英文全名為?JavaScript?Object?Notation
JSON 是一種輕量級(jí)的資料交換格式。
JSON是獨(dú)立的語(yǔ)言?*
JSON 很容易理解。
在JSON中,總共就這麼多種資料型別:
number:和JavaScript的number完全一致;
boolean:就是JavaScript的true或false;
string:就是JavaScript的string;
############################################# ###null:就是JavaScript的null;############array:就是JavaScript的Array表示方式-[];############object:就是JavaScript的{ ... }表示方式。 ############以及上面的任意組合。 ############並且,JSON也定死了字元集必須是UTF-8,表示多語(yǔ)言就沒(méi)有問(wèn)題了。為了統(tǒng)一解析,JSON的字串規(guī)定必須用雙引號(hào)"",Object的鍵也必須用雙引號(hào)""。 ############由於JSON非常簡(jiǎn)單,很快就風(fēng)靡Web世界,並且成為ECMA標(biāo)準(zhǔn)。幾乎所有程式語(yǔ)言都有解析JSON的函式庫(kù),而在JavaScript中,我們可以直接使用JSON,因?yàn)镴avaScript內(nèi)建######了JSON的解析。 ###
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script type="text/javascript"> var student = new Object(); student.name = "Lanny"; student.age = "25"; student.location = "China"; var json = JSON.stringify(student); alert(json); //{"name":"Lanny","age":"25","location":"China"} </script> </head> <body> </body> </html>########################JSON 格式化後為JavaScript 物件######JSON 格式在語(yǔ)法上與建立JavaScript 對(duì)象代碼是相同的。 ######由於它們很相似,所以 JavaScript 程式可以輕鬆的將 JSON 資料轉(zhuǎn)換為 JavaScript 物件。 #########################
JSON 語(yǔ)法規(guī)則
資料為 鍵/值 對(duì)。數(shù)據(jù)由逗號(hào)分隔。大括號(hào)保存物件方括號(hào)保存陣列
#JSON 資料- 一個(gè)名稱對(duì)應(yīng)一個(gè)值
JSON資料格式為鍵/值對(duì),就像JavaScript 物件屬性。
鍵/值對(duì)包含欄位名稱(在雙引號(hào)中),後面一個(gè)冒號(hào),然後是值:
"firstName":"John"
JSON 物件
JSON 物件保存在大括號(hào)內(nèi)。
就像在JavaScript 中, 物件可以儲(chǔ)存多個(gè)鍵/值對(duì):
#{"firstName":"John", "lastName":"Doe"}
#JSON 陣列
JSON 陣列保存在中括號(hào)內(nèi)。
就像在 JavaScript 中, 陣列可以包含物件:
"employees":[
??? {"firstName":"John", "lastName":"Doe"},?
??? {"firstName":"Anna", "lastName":"Smith "},?
??? {"firstName":"Peter", "lastName":"Jones"}
]
在上述實(shí)例中,物件"employees" 是一個(gè)陣列。包含了三個(gè)物件。
每個(gè)為個(gè)物件為員工的記錄(姓和名)。
JSON 字串轉(zhuǎn)換為JavaScript 物件
通常我們從伺服器中讀取JSON 數(shù)據(jù),並在網(wǎng)頁(yè)中顯示數(shù)據(jù)。
首先,建立JavaScript 字串,字元 字串為JSON 格式的資料:
var text = '{ "employees " : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" } ,' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
然後,使用JavaScript 內(nèi)建函數(shù)JSON.parse() 將字符字串轉(zhuǎn)換為JavaScript 物件:
var obj = JSON.parse(text);
最後,在你的頁(yè)面中使用新的JavaScript 物件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> var text = '{"employees":[' + '{"firstName":"John","lastName":"Doe" },' + '{"firstName":"Anna","lastName":"Smith" },' + '{"firstName":"Peter","lastName":"Jones" }]}'; obj = JSON.parse(text); document.getElementById("demo").innerHTML = obj.employees[2].firstName + " " + obj.employees[2].lastName; </script> </body> </html>