gpt4 book ai didi

javascript - Giphy API - 在进行 AJAX 调用后无法弄清楚如何调用数据

转载 作者:行者123 更新时间:2023-12-03 06:58:25 25 4
gpt4 key购买 nike

我目前正在开发一个简单的网站,该网站使用 Giphy API 抓取随机 gif ( https://github.com/Giphy/GiphyAPI )。现在我只是在练习,所以我正在尝试制作一个非常简单的网站。我的问题是我无法弄清楚如何使用 jQuery 正确获取数据。当我将 API 记录到控制台时,当前的数据如下所示。我似乎根本无法捕获任何东西。我将如何获取这些数据?例如,如果我想要第一个结果的 bitly_url,我的第一 react 是采用 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 key 是公钥。

最佳答案

尝试将其更改为这样。 “data”是对象中的键名称,使用它两次会造成困惑。

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

关于javascript - Giphy API - 在进行 AJAX 调用后无法弄清楚如何调用数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37167226/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com