JSONについての勉強メモ:クロスドメインでJSONデータを利用する

昨日までJSONデータの取り扱いで悩んでいたら、
なんと『to-R』の西畑さんが、参考となるエントリーを書いてくださいました!
これを見たときは、大興奮(笑)
本当にありがとうございます。
読んでいるだけだとだめだ!なんて思ったので、
自分でも動作するかいろいろいじってみる事にした。
クロスとメイン上のJSONデータを呼び出してみた
■利用したコード
<script type="text/javascript"
src="https://h2ham.up.seesaa.net/json/sample.json"></script>
<script type="text/javascript">
$(function(){
var getData = "";
for(var i = 0 ; i < jsonData.users.length ; i++){
getData +=
"<p>名前は"+jsonData.users[i].name+"です。<br />";
getData +=
"歳は"+jsonData.users[i].age+"です。<br />";
getData +=
"言語は"+jsonData.users[i].language+"です。</p>";
}
$("div#testarea").html(getData);
});
</script>
データの読み込み方は西畑さんのを参考に、
コードは自分でいじってみました。
■プレビュー
ここにデータを読み込む
で、できたー!
クロスドメインで呼び出すことができました!
JSONPの勉強は
今回はJSONで呼び出す方法を勉強できました!
次はJSONPで呼び出すのを勉強してみようと思います。
トップ画のソース
- Photographer
- Kanko*
- License
- Creative Commons (by)
- Tool for photo selecting
- Gigazinize Tools - Image
参考サイト:
