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
参考サイト: