JSONとはJavaScript Object Notationの略で、データ交換形式です。
JSON とは何ですか?
JSON の完全な英語名は JavaScript Object Notation です
JSON は軽量のデータ交換形式です。
JSONは言語に依存しません *
JSONは理解しやすいです。
JSON にはいくつかのデータ型しかありません:
数値: JavaScript の数値とまったく同じです。
ブール値: JavaScript の true または false。 JavaScript の文字列です。
null: JavaScript の null です。
オブジェクト: JavaScript の配列表現です。 JavaScript の表現。
および上記の任意の組み合わせ。
また、JSONでは文字セットがUTF-8であることも規定されており、複数言語を表現する場合にも問題ありません。統合解析の場合、JSON 文字列には二重引用符 "" を使用する必要があり、オブジェクト キーにも二重引用符 "" を使用する必要があります。
JSON は非常にシンプルであるため、すぐに Web の世界で普及し、ECMA 標準になりました。ほとんどすべてのプログラミング言語には JSON を解析するためのライブラリがあり、JavaScript には JSON 解析が組み込まれているため、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>
JavaScript オブジェクトとしてフォーマットされた JSON
JSON フォーマットは、JavaScript オブジェクトを作成するコードと構文的に同じです。
これらは似ているため、JavaScript プログラムは JSON データを JavaScript オブジェクトに簡単に変換できます。
JSON 構文ルール
データはキーと値のペアです。データはカンマで区切られます。中括弧はオブジェクトを保持します 角括弧は配列を保持します
JSON データ - 1 つの名前が 1 つの値に対応します
JSON データは、JavaScript オブジェクトのプロパティと同様に、キーと値のペアとしてフォーマットされます。
キーと値のペアは、フィールド名 (二重引用符で囲まれた)、コロン、値で構成されます:
"firstName":"John"
JSON オブジェクト
JSON オブジェクト 中括弧内に保存されます。
JavaScript と同様に、オブジェクトは複数のキーと値のペアを保持できます:
{"firstName":"John", "lastName":"Doe"}
JSON 配列
JSON 配列は角かっこ内に格納されます。
JavaScript と同様に、配列にはオブジェクトを含めることができます:
"従業員":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName" :"Peter", "lastName":"Jones"}
]
上の例では、オブジェクト "employees" は配列です。 3 つのオブジェクトが含まれます。
各オブジェクトは従業員 (姓と名) の記録です。
JavaScriptオブジェクトに変換されたJSON文字列
通常、私たちはサーバーからJSONデータを読み取り、Webページにデータを表示します。
まず、JSON 形式のデータである JavaScript 文字列を作成します:
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>
次のセクション