JSONはデータを格納し、輸送するためのフォーマットです。
データがウェブページにサーバから送信されたときにJSONが使用されることが多いです。
JSONとは何ですか?
- JSONはJavaScriptのオブジェクト表記の略
- JSONは軽量のデータ交換フォーマットであります
- JSONは独立した言語であります*
- JSONは「自己記述」と理解しやすいです
* JSON構文はJavaScriptオブジェクト表記の構文から派生しますが、JSON形式はテキストのみです。 読み取りおよびJSONデータを生成するためのコードは、任意のプログラミング言語で書くことができます。
JSON例
3従業員レコード(オブジェクト)の配列をこのJSONの構文は、従業員オブジェクトを定義しています。
JSON例
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
JSON形式はJavaScriptのオブジェクトへの評価します
JSON形式はJavaScriptオブジェクトを作成するためのコードと構文的に同じです。
このため類似性は、JavaScriptのプログラムは簡単にネイティブJavaScriptオブジェクトにJSONデータを変換することができます。
JSON構文規則
- データは、名前/値のペアであります
- データは、カンマで区切られています
- 中括弧は、オブジェクトを保持します
- 角括弧は配列を保持します
JSONデータ - 名前と値
JSONデータは、ちょうどJavaScriptオブジェクトのプロパティのように、名前/値ペアとして書かれています。
名前/値のペアは、値が続くコロンが続くフィールド名(二重引用符で)、から構成されています。
"firstName":"John"
JSON名は、二重引用符が必要です。 JavaScriptの名前はありません。
JSONオブジェクト
JSONオブジェクトは、中括弧の内側に書かれています。
ただ、JavaScriptでのように、オブジェクトは、複数の名前/値のペアを含めることができます。
{"firstName":"John", "lastName":"Doe"}
JSON配列
JSON配列は、角括弧内に記述されています。
ただ、JavaScriptでのように、配列はオブジェクトを含めることができます。
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
上記の例では、オブジェクト"employees"配列です。 これは、3つのオブジェクトが含まれています。
各オブジェクトは、(姓と名を持つ)人の記録です。
JavaScriptのオブジェクトにJSONテキストの変換
JSONの一般的な用途は、ウェブページのデータをWebサーバからデータを読み出し、表示することです。
簡単にするために、これは(またはそれ以上の私たちの中で読んで文字列を入力として使用して実証することができますJSONのチュートリアル ):
まず、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オブジェクトを使用します。
例
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
»それを自分で試してみてください あなたは私たちの中にJSONの詳細を読むことができJSONのチュートリアル 。