Enseignement > IHM > TP HTML JQuery Framworks > TP n°6 (jQuery / Ajax / JSON)  

Connaissez FlickR ? si non, étudier préalablement ce formidable site "WEB2.0"
FlickR propose également tout un ensemble de fonctionnalités pour les développeurs

Exécuter et étudier le code suivant :

<html><head>
  <script src="jquery.min.js"></script>
</head>
<body>
<div id="images" style="height: 300px"></div>
<script>$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=besancon&tagmode=any&format=json&jsoncallback=?",
        function(data){
          $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
          });
        });</script>
</body></html>

Documentation :
Json.org
jQuery et JSON
API de FlickR

Réaliser ensuite une page WEB qui permette une recherche dans la base de photos de FlickR à partir de mots clés entrés dans un champ de formulaire

clé Flickr pour cet exercice : 69871699589f2c56fa37055df46ac8d4