Test getJSON

by Johnny Lee

HTML

<div id="message"></div>
<div id="images"></div>

JavaScript

// this example is from here: http://api.jquery.com/jQuery.getJSON/
// for a detailed flickr api list see here: http://www.flickr.com/services/api/response.json.html

var urlGetRecentPictures = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
var urlGetFailed = "http://www.flickr.com/services/rest/?method=flickr.blogs.getList&format=json&api_key=23b325c4f9caccfbbdc1b731e4e28b16";

// Failed
$.getJSON(urlGetFailed,
    {
        tags: "Rize",
        tagmode: "any",
        format: "json"
    },
    function(data) {
        // This function will never be triggered if failed
        $("<p>Retrieval successful</p>").appendTo("#message");
    });
      
// Successful
$.getJSON(urlGetRecentPictures,
  {
    tags: "Rize",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    $.each(data.items, 
            function(i,item){
              $("<img/>").attr("src", item.media.m).appendTo("#images");
              if ( i > 2 ) return false;
            });
  });