AJAX - SOP - JSONP

Exemple 3 : WebService avec JSONP

Requête AJAX en sur l'API FlickR :





** HTML **

<div id="target">
</div>

<input type="text" id="valfl" size="5"/><input type="button" value="rechercher sur FlickR" onclick="jsonpFlickr()" />

** JAVASCRIPT **

    function jsonpFlickr() {

        var tag = $("#valfl").val();

        $.getJSON(
            "http://api.flickr.com/services/feeds/photos_public.gne?tags="+tag+"&tagmode=any&format=json&jsoncallback=?", 
            function(data){
                $.each(data.items, function(i,item){
                    $("<img/>").attr("src", item.media.m).appendTo("#target")
                    .wrap("<a href='" + item.link + "'></a>");
                    if ( i == 3 ) 
                        return false;
                        });
            }
        );
    }