0

我目前正在开发一个使用 Giphy API ( https://github.com/Giphy/GiphyAPI ) 抓取随机 gif 的简单网站。现在我只是在练习，所以我正在尝试制作一个非常简单的网站。我的问题是我无法弄清楚如何使用 jQuery 正确获取数据。以下是当我将 API 记录到控制台时，API 中的数据当前的样子。我似乎什么都抓不到。我将如何获取这些数据？例如，如果我想要第一个结果的 bitly_url，我的第一反应是获取 data[0].bitly_url，但这不起作用。请帮忙！

igphy_data

这是我的 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!


    }
});
});

*另外，我使用的 Giphy API 密钥是公钥。

4

1 回答 1

1

尝试将其更改为此。“数据”是对象中的键名，使用它两次会让人感到困惑。

success: function(response) {
    //console.log("This works too")
    //debugger
    console.log(response.data[0].bitly_url);
}
于 2016-05-11T15:48:53.717 回答