JavaScript JSON
JSON是JavaScript Object Notation的縮寫(xiě),它是一種數(shù)據(jù)交換格式。
什么是 JSON?
JSON 英文全稱 JavaScript Object Notation
JSON 是一種輕量級(jí)的數(shù)據(jù)交換格式。
JSON是獨(dú)立的語(yǔ)言 *
JSON 易于理解。
在JSON中,一共就這么幾種數(shù)據(jù)類(lèi)型:
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 對(duì)象
JSON 格式在語(yǔ)法上與創(chuàng)建 JavaScript 對(duì)象代碼是相同的。
由于它們很相似,所以 JavaScript 程序可以很容易的將 JSON 數(shù)據(jù)轉(zhuǎn)換為 JavaScript 對(duì)象。
JSON 語(yǔ)法規(guī)則
數(shù)據(jù)為 鍵/值 對(duì)。數(shù)據(jù)由逗號(hào)分隔。大括號(hào)保存對(duì)象方括號(hào)保存數(shù)組
JSON 數(shù)據(jù) - 一個(gè)名稱對(duì)應(yīng)一個(gè)值
JSON 數(shù)據(jù)格式為 鍵/值 對(duì),就像 JavaScript 對(duì)象屬性。
鍵/值對(duì)包括字段名稱(在雙引號(hào)中),后面一個(gè)冒號(hào),然后是值:
"firstName":"John"
JSON 對(duì)象
JSON 對(duì)象保存在大括號(hào)內(nèi)。
就像在 JavaScript 中, 對(duì)象可以保存多個(gè) 鍵/值 對(duì):
{"firstName":"John", "lastName":"Doe"}
JSON 數(shù)組
JSON 數(shù)組保存在中括號(hào)內(nèi)。
就像在 JavaScript 中, 數(shù)組可以包含對(duì)象:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
在以上實(shí)例中,對(duì)象 "employees" 是一個(gè)數(shù)組。包含了三個(gè)對(duì)象。
每個(gè)為個(gè)對(duì)象為員工的記錄(姓和名)。
JSON 字符串轉(zhuǎn)換為 JavaScript 對(duì)象
通常我們從服務(wù)器中讀取 JSON 數(shù)據(jù),并在網(wǎng)頁(yè)中顯示數(shù)據(jù)。
首先,創(chuàng)建 JavaScript 字符串,字符串為 JSON 格式的數(shù)據(jù):
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
然后,使用 JavaScript 內(nèi)置函數(shù) JSON.parse() 將字符串轉(zhuǎn)換為 JavaScript 對(duì)象:
var obj = JSON.parse(text);
最后,在你的頁(yè)面中使用新的 JavaScript 對(duì)象:
<!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>