Giphy API - не могу понять, как вызвать данные, как только я сделал вызов AJAX

В настоящее время я работаю над простым веб-узлом, который захватывает случайные gifs с помощью API Giphy (https://github.com/Giphy/GiphyAPI). Теперь я просто тренируюсь, поэтому я пытаюсь сделать сайт с очень голыми костями. Моя проблема в том, что я не могу понять, как правильно захватить данные с помощью jQuery. Вот как выглядят данные из API при входе в консоль. Кажется, я ничего не могу схватить. Как я возьму эти данные? Например, если бы мне захотелось bitly_url первого результата, моим первым инстинктом были бы данные [0] .bitly_url, но это не сработало. Пожалуйста помоги!Giphy API - не могу понять, как вызвать данные, как только я сделал вызов AJAX

Вот мой HTML:

<body> 

<h1 class="animated infinte bounce"> GIFs-A-Go-Go </h1> 
    <div class="info"> 
     <p> Is it GIF with a hard G? Or GIF with a soft G (Jif)? Whatever! Let's get some! </p> 
      <form class="zipform"> 
       <input type="text" class="pure-input-rounded"> 
       <button type="submit" class="pure_button"> Search for GIFs </button> 
       <input type="reset" value="Reset"> 
      </form> 
      <div class="rando_facts animated bounceIn"> 
       <p id="here_is_gif"> </p> 
      </div> 
    </div>

И мой JQuery/JS файл:

$('.pure_button').click(function(e) { 
e.preventDefault() 
    console.log("click noticed") 

$.ajax({ 


    url: "http://api.giphy.com/v1/gifs/search?q=" + $('.pure-input-rounded').val() + "&api_key=dc6zaTOxFJmzC", 
    type: "GET", 
    success: function(data) { 
     console.log("This works too") 
     debugger 
     console.log(data[0].bitly_url) // here is where I'm having an issue! 


    } 
}); 
});

* Кроме того, ключ API Giphy я использую открытый ключ.

источник

2016-05-11 Leia_Organa

Попробуйте изменить его на это. «data» - это ключевое имя внутри объекта и сбивает его с толку дважды.

success: function(response) { 
    //console.log("This works too") 
    //debugger 
    console.log(response.data[0].bitly_url); 
}

источник

2016-05-11 15:48:53 Indy

Ничего себе, здорово! Это на самом деле полностью решило мою проблему! –

Рад, что я мог помочь :) – Indy

Giphy API - не могу понять, как вызвать данные, как только я сделал вызов AJAX

ответ

Смежные вопросы