JavaScript JSON
JSONとはJavaScript Object Notationの略で、データ交換形式です。
JSON とは何ですか?
JSON の完全な英語名は JavaScript Object Notation です
JSON は軽量のデータ交換形式です。
JSONは言語に依存しません *
JSONは理解しやすいです。
JSON にはいくつかのデータ型しかありません:
數(shù)値: JavaScript の數(shù)値とまったく同じです。
ブール値: JavaScript の true または false。 JavaScript の文字列です。
null: JavaScript の null です。
オブジェクト: JavaScript の配列表現(xiàn)です。 JavaScript の表現(xiàn)。
および上記の任意の組み合わせ。
また、JSONでは文字セットがUTF-8であることも規(guī)定されており、複數(shù)言語を表現(xiàn)する場合にも問題ありません。統(tǒng)合解析の場合、JSON 文字列には二重引用符 "" を使用する必要があり、オブジェクト キーにも二重引用符 "" を使用する必要があります。
JSON は非常にシンプルであるため、すぐに Web の世界で普及し、ECMA 標準になりました。ほとんどすべてのプログラミング言語には JSON を解析するためのライブラリがあり、JavaScript には JSON 解析が組み込まれているため、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>これらは似ているため、JavaScript プログラムは JSON データを JavaScript オブジェクトに簡単に変換できます。
JSON 構(gòu)文ルール
データはキーと値のペアです。データはカンマで區(qū)切られます。中括弧はオブジェクトを保持します 角括弧は配列を保持します
JSON データ - 1 つの名前が 1 つの値に対応します
JSON データは、JavaScript オブジェクトのプロパティと同様に、キーと値のペアとしてフォーマットされます。
キーと値のペアは、フィールド名 (二重引用符で囲まれた)、コロン、値で構(gòu)成されます:
"firstName":"John"
JSON オブジェクト
JSON オブジェクト 中括弧內(nèi)に保存されます。
JavaScript と同様に、オブジェクトは複數(shù)のキーと値のペアを保持できます:
{"firstName":"John", "lastName":"Doe"}
JSON 配列
JSON 配列は角かっこ內(nèi)に格納されます。
JavaScript と同様に、配列にはオブジェクトを含めることができます:
"従業(yè)員":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName" :"Peter", "lastName":"Jones"}
]
上の例では、オブジェクト "employees" は配列です。 3 つのオブジェクトが含まれます。
各オブジェクトは従業(yè)員 (姓と名) の記録です。
JavaScriptオブジェクトに変換されたJSON文字列
通常、私たちはサーバーからJSONデータを読み取り、Webページにデータを表示します。
まず、JSON 形式のデータである JavaScript 文字列を作成します:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName ": "Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]} ';
次に、JavaScript 組み込み関數(shù) JSON.parse() を使用して、文字列を JavaScript オブジェクトに変換します。
var obj = JSON.parse(text);
最後に、ページ內(nèi)で新しい 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>
![[クラウド サーバー學(xué)習(xí)] Webhook 自動展開ブログ](https://img.php.cn/upload/course/000/000/041/61e515d5eed45156.jpg)
