JavaScriptのJSON
JSONは、データを格納し、伝送するためのフォーマットです。
JSONは、典型的には、ウェブサーバにデータを渡すために使用されます。
JSONとは何ですか?
- JSON英語名J AVAのS criptのOのbject N otation
- JSONは軽量のデータ交換フォーマットです。
- JSONは*独立した言語であります
- 理解しやすいJSON。
* JSONはJavaScriptを使用しますが、JSONはテキスト形式です。 テキストは、任意のプログラミング言語で、データ転送フォーマットとして読み出すことができます。 |
JSONの例
以下の従業員JSONの構文定義されたオブジェクト:3人の従業員のレコードの配列(オブジェクト):
JSON例
{ "姓": "ジョン"、 "lastNameの": "ドウ"}、
{ "姓": "アンナ"、 "lastNameの": "スミス"}、
{ "姓": "ピーター"、 "lastNameの": "ジョーンズ"}
]}
JSONはJavaScriptオブジェクトとしてフォーマットした後
構文的にJavaScriptのオブジェクト・コードを作成しているJSON形式は同じです。
それらは同様であるため、JavaScriptプログラムを容易にJavaScriptオブジェクトにJSONデータとすることができます。
JSONの構文規則
- キー/値ペアのデータ。
- カンマで区切られたデータ。
- オブジェクトブレースを保存
- 配列の括弧を保存
JSONデータ - 値に対応する名前
JavaScriptオブジェクトのプロパティなどのキー/値ペアのためのJSONデータ・フォーマット、。
キー/値のペアが後にコロン(二重引用符で)フィールド名が含まれ、その値は次のとおりです。
JSONオブジェクト
JSONオブジェクトは、中括弧で保存されています。
JavaScriptでのように、オブジェクトは、複数のキー/値のペアを保持することができます:
JSON配列
JSON配列は、括弧内に保持しています。
JavaScriptでのように、配列はオブジェクトを含めることができます。
{ "姓": "ジョン"、 "lastNameの": "ドウ"}、
{ "姓": "アンナ"、 "lastNameの": "スミス"}、
{ "姓": "ピーター"、 "lastNameの": "ジョーンズ"}
]
上記の例では、オブジェクト "従業員が「アレイです。 これは、3つのオブジェクトが含まれています。
各オブジェクトには、従業員(姓と名)のために記録しています。
JSON文字列をJavaScriptオブジェクトに変換され、
通常、我々は、サーバーからJSONデータを読み込んで、Webページのデータを表示します。
簡単にするために、我々は(あなたも私たちの読むことができます直接JSON文字列のWebページを設定するJSONのチュートリアルを ):
まず、JSON形式でJavaScriptの文字列、文字列データを作成します?:
'{ "姓": "ジョン"、 "lastNameの": "ドウ"}、' +
'{ "姓": "アンナ"、 "lastNameの": "スミス"}、' +
'{ "姓": "ピーター"、 "lastNameの": "ジョーンズ"}]}';
次に、JavaScriptオブジェクトに文字列を変換するために、組み込みのJavaScript関数JSON.parse()を使用します。
最後に、あなたのページに新しいJavaScriptオブジェクトを使用して:
例
<スクリプト>
document.getElementById( "デモ")。innerHTMLの=
obj.employees [1] .firstName + "" + obj.employees [1] .lastName。
</スクリプト>
»をお試しください
関連関数
関数 | 説明 |
---|---|
JSON.parse() | JavaScriptオブジェクトにJSON文字列のため。 |
JSON.stringify() | JavaScriptは、JSON文字列に値を変換するために使用されます。 |
JSONの詳細は、あなたが私たちの読むことができるJSONのチュートリアルを 。