JavaScript JSON
JSON是JavaScript Object Notation的縮寫,它是一種資料交換格式。
什麼是 JSON?
JSON 英文全名為 JavaScript Object Notation
JSON 是一種輕量級的資料交換格式。
JSON是獨立的語言 *
JSON 很容易理解。
在JSON中,總共就這麼多種資料型別:
number:和JavaScript的number完全一致;
boolean:就是JavaScript的true或false;
string:就是JavaScript的string;
############################################# ###null:就是JavaScript的null;############array:就是JavaScript的Array表示方式-[];############object:就是JavaScript的{ ... }表示方式。 ############以及上面的任意組合。 ############並且,JSON也定死了字元集必須是UTF-8,表示多語言就沒有問題了。為了統一解析,JSON的字串規定必須用雙引號"",Object的鍵也必須用雙引號""。 ############由於JSON非常簡單,很快就風靡Web世界,並且成為ECMA標準。幾乎所有程式語言都有解析JSON的函式庫,而在JavaScript中,我們可以直接使用JSON,因為JavaScript內建######了JSON的解析。 ###
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(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 格式在語法上與建立JavaScript 對象代碼是相同的。 ######由於它們很相似,所以 JavaScript 程式可以輕鬆的將 JSON 資料轉換為 JavaScript 物件。 #########################JSON 語法規則
資料為 鍵/值 對。數據由逗號分隔。大括號保存物件方括號保存陣列
#JSON 資料- 一個名稱對應一個值
JSON資料格式為鍵/值對,就像JavaScript 物件屬性。
鍵/值對包含欄位名稱(在雙引號中),後面一個冒號,然後是值:
"firstName":"John"
JSON 物件
JSON 物件保存在大括號內。
就像在JavaScript 中, 物件可以儲存多個鍵/值對:
#{"firstName":"John", "lastName":"Doe"}
#JSON 陣列
JSON 陣列保存在中括號內。
就像在 JavaScript 中, 陣列可以包含物件:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith "},
{"firstName":"Peter", "lastName":"Jones"}
]
在上述實例中,物件"employees" 是一個陣列。包含了三個物件。
每個為個物件為員工的記錄(姓和名)。
JSON 字串轉換為JavaScript 物件
通常我們從伺服器中讀取JSON 數據,並在網頁中顯示數據。
首先,建立JavaScript 字串,字元 字串為JSON 格式的資料:
var text = '{ "employees " : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" } ,' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
然後,使用JavaScript 內建函數JSON.parse() 將字符字串轉換為JavaScript 物件:
var obj = JSON.parse(text);
最後,在你的頁面中使用新的JavaScript 物件:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(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>


