第1回ではJSONPによるAjax実装を取り上げましたが,
JSONってなに?
JSONとは,
JSONは,
オブジェクト(名前と値のペアの集まり)
JSONでオブジェクトを表現するには,
{"color": "green"}
試しに,
リスト1
// オブジェクトの生成
var obj = {"color": "green"};
// "color" プロパティにアクセス
alert(obj.color); // "green"
alert(obj["color"]); // "green"
配列(順序付きの値の集まり)
JSONで配列を表現するには,
["red", "green", "blue"]
試しに,
リスト2
// 配列の生成
var array = ["red", "green", "blue"];
// 配列の各要素にアクセス
alert(array[0]); // "red"
alert(array[1]); // "green"
alert(array[2]); // "blue"
構造化
オブジェクト,
リスト3
// オブジェクトの生成
var obj = {
"title" : "reunion",
"users": [
{
"name": "aoki",
"code": "0001",
"age": 34
},
{
"name": "ueno",
"code": "0002",
"age": 33
}
]
};
// 各メンバにアクセス
alert(obj.title); // "reunion"
alert(obj.users[0].name); // "aoki"
alert(obj.users[0].code); // "0001"
alert(obj.users[0].age); // "34"
alert(obj.users[1].name); // "ueno"
alert(obj.users[1].code); // "0002"
alert(obj.users[1].age); // "33"
表記の制約
名前は文字列でなければなりません。かならず
値は,
基本的にこの表記法がJSONです。とてもシンプルですね。詳細は以下を参照してください。
Youtube APIのデータフォーマットにjson-in-script
なぜJSONを使うのか
Ajaxの
最大の理由はJavascriptで扱いやすいことです。JSONはJavascriptオブジェクトの表記法のサブセットなので,
現在,