JavaScript AJAX Basics (retiring) AJAX and APIs Stage 4 Challenge Answer

Everton Carneiro
Everton Carneiro
15,992 Points

Search results doesn't match the search term inserted on the input field

I did exactly the same way as the instructor in the video but when I insert a term and submit it returns a random set of images. My code:

$(document).ready(function() {
  $('form').submit(function (evt) {
    evt.preventDefault();
    var $search = $('#search');
    var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
    var animal = $search.val();
    var flickrOptions = {
      tag: animal,
      format: "json"
    };
    function displayPhotos(data) {
      var photoHTML = '<ul>';
      $.each(data.items,function(i,photo) {
         photoHTML += '<li class="grid-25 tablet-grid-50">';
         photoHTML += '<a href="' + photo.link + '" class="image">';
         photoHTML += '<img src="' + photo.media.m + '"></a></li>';
      }); // end each
      photoHTML += '</ul>';
      $('#photos').html(photoHTML);
      };
      $.getJSON(flickerAPI, flickrOptions, displayPhotos);
  }); // end submit
}); // end ready

1 Answer

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 48,728 Points

I changed tag to tags to match the video and now it functions correctly

    var flickrOptions = {
      tags: animal,
      format: "json"
    };
Everton Carneiro
Everton Carneiro
15,992 Points

Yeahh mate, that was it. I've notice right after post the question! I've forgot the 's' in tags. Thank you!