0
現在、Giphy API（https://github.com/Giphy/GiphyAPI）を使用してランダムなgifを取得する簡単なWebサイトを作成しています。今私は練習中ですので、私は非常に素朴な骨のウェブサイトを作ろうとしています。私の問題は、jQueryを使ってデータを正しく取得する方法を理解できないことです。ここでは、コンソールにログオンしたときにAPIのデータがどのように表示されるかを示します。私は何かをつかむようには思えない。このデータはどのように取るのですか？たとえば、最初の結果のbitly_urlが必要だった場合、私の最初の本能はdata [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!
}
});
});
*また、私が使用していますGiphyのAPIキーは公開鍵です。
うわー、素晴らしい！それは実際に私の問題を完全に解決しました！ –
うれしい私は助けることができる:) – Indy