JSONの使い方を初心者向けに説明

もちろんクリミナルマインドのベテランプロファイラーでも、チェーンソーをもってる危ないおじちゃんでもありません。

簡単に言えば、データを多次元配列で持ってきたもの。

配列とは違ってオブジェクトになってるってだけ。

前提知識として配列とかオブジェクトってのはわかってね。たぶん次を見ればわかると思うけど。

 

こんなページからJSONのデータを持ってきてね。（JSONなんてのはそのまま見たら意味の分からない文字の羅列だからJSON Viewerとかを使って覗いてみましょう）

 

リクエストするURLが

http://api.twitter.com/1/Axe1lyze/online-gaming-clan/members.json

だった場合,

http://api.twitter.com/1/Axe1lyze/online-gaming-clan/members.json&callback=?

のように必ず最後に「&callback=?」をつけてくださいね。

 

簡単にソースコードを。$.getJSONを使います。

例えば以下のようなデータを持ってきたとします。

{“users”:
    {“name”:”axe1lyze”,
     “age”:”20
    },
    {“name”:”ponyoponyo”,
     “age”:”50
    }
}

この場合、以下のようにしてデータを取得します。

$.getJSON(
    url,function(data){
        alert(data.users[0].name);
    }
)

こうだと「axe1lyze」とアラートされます。

$.getJSON(
    url,function(data){
        alert(data.users[1].name +
        ” : “+
        data.users[1].age);
    }
)

こうすると「ponyoponyo : 50」とアラートされます。

簡単だよね。これを知るために文献さがしてたら1日かかってしまった。

これ見てもわからなかった方はメッセージをいただければできる限りで説明します。