JavaScript JSONLOGIN

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>



下一節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var arr = ["a", "b", "c"]; var str = JSON.stringify(arr); document.write(str); document.write ("<br/>"); var newArr = JSON.parse(str); while (newArr.length > 0) { document.write(newArr.pop() + "<br/>"); } // Output: var arr = ["a", "b", "c"]; var str = JSON.stringify(arr); document.write(str); document.write ("<br/>"); var newArr = JSON.parse(str); while (newArr.length > 0) { document.write(newArr.pop() + "<br/>"); } </script> </head> <body> </body> </html>
章節課件