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;
});
}
);
}