FlickrのJSONP APIを使用して、最近アップされたハムスターの写真を5枚読み込みます。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery::非同期通信::Ajaxリクエスト::jQuery.getScript(url[, callback])の使用例</title> <link rel="stylesheet" type="text/css" href="/content/lib/global.css" /> <!-- JS --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script> $(function(){ $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=hamster&tagmode=any&format=json&jsoncallback=?", function(data){ $.each(data.items, function(i,item){ $("<img/>").attr("src", item.media.m).appendTo("#images"); if (i==4 ) return false; }); } ); }); </script> <style type="text/css"> img{ height:100px; float:left; } </style> <link rel="stylesheet" type="text/css" href="/common/css/example.css"></head> <body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP & JavaScript Room</a> :: 設置サンプル</h1> <h3 class='h'>実行結果</h3> <!-- CONTENT --> <h1>jQuery::非同期通信::Ajaxリクエスト::jQuery.getScript(url[, callback])の使用例</h1> <p>FlickrのJSONP APIを使用して、最近アップされたハムスターの写真を5枚読み込みます。</p> <!-- CODE --> <div id="images" class="cf"></div> <!-- / CODE --> <!-- / CONTENT --> </body> </html>