jQuery $.getJSON - How do I parse a flickr.photos.search REST API call?
- by Chad
Trying to adapt the $.getJSON Flickr example:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});
to read from the flickr.photos.search REST API method, but the JSON response is different for this call. Click here to see the JSON response.
This is what I've done so far:
var url = "http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=9322c53dde3b36bda33f79c16bb99104&tags=yokota+air+base&safe_search=1&per_page=20";
var src;
$.getJSON(url + "&format=json&jsoncallback=?", function(data){
$.each(data.photos, function(i,item){
src = "http://farm"+ item.photo.farm +".static.flickr.com/"+ item.photo.server +"/"+ item.photo.id +"_"+ item.photo.secret +"_m.jpg";
$("<img/>").attr("src", src).appendTo("#images");
if ( i == 3 ) return false;
});
});
I guess I'm not building the image src correctly. Couldn't find any documentation on how to build the image src, based on what the JSON response is. How do you parse a flickr.photos.search REST API call?
