Flickr API Error, Json callback

Question

why I have this kind of error in my code :

"Error: jsonFlickrApi is not defined"

    $.getJSON('http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=669158895706254986e97354a3c7e9a9&photoset_id=72157623477817483&extras=original_format&format=json&jsoncallback;=?',
    function(data){
        var classShown = 'class="lightbox"';
        var classHidden = 'class="lightbox hidden"';


        $.each(data.photoset.photo, function(i, rPhoto){
            var basePhotoURL = 'http://farm' + rPhoto.farm + '.static.flickr.com/'
                + rPhoto.server + '/' + rPhoto.id + '_' + rPhoto.secret;
......

there are syme issues in JSON datatype or something else, suggest me how to fix it , pls

Thanks

Answer 1

The end of your URL is a bit off, this:

....&jsoncallback;=?

Should be:

....&jsoncallback=?

jQuery fills in this method on it's own with a dynamically named function (your function(data) is converted to this named function or JSONP to work). Since the format's off it's not replacing this correctly and the default method is jsonFlickrApi .

If you visit the url directly (this is without the callback) you'll see it looks like this:

jsonFlickrApi({ ... })

If you do provide a callback ( like this url ), it looks like this:

myFunction({ ... })

This is what jQuery should do, but due to the malformed URL it isn't replacing the ? , fix it and it'll do that, and it'll call the proper method, instead of the default one.