jquery ajaxから画像URLを取得

Question

作成した要素にsrc属性を渡そうとしています。 srcはgiphy apiから取得したURLでなければなりません。私はconsole.logの応答データとすべての問題はありませんが、私は正しいgifを格納する要素を作成するためのjQueryを取得するように見えることはできません。

$('.spawn-button').on("click", function(event) { 
    event.preventDefault(); 

    $.ajax({ 
    url: query + $(this).html() + APIKey + limit, 
    method: 'GET' 
    }).done(function(response) { 
    for(var i = 0; i < response.data.length; i++){ 
     // console.log(response.data[i]); 
     // console.log(response.data[i].images.original); 
     $('.gif-container').append("<img src=" + response.data[i].images.fixed_height + ">"); 
    } 
    }); 
}); 

Answer 1

以下のコードを試してみることができますか？ https://developers.giphy.com/docs/ fixed_heightオブジェクトのドキュメントごとにGIF画像

$('.spawn-button').on("click", function(event) { 
 
    event.preventDefault(); 
 

 
    $.ajax({ 
 
    url: query + $(this).html() + APIKey + limit, 
 
    method: 'GET', 
 
    success: function(response) { 
 
    for(var i = 0; i < response.data.length; i++){ 
 
     // console.log(response.data[i]); 
 
     // console.log(response.data[i].images.original); 
 
     $('.gif-container').append("<img src=" + response.data[i].images.fixed_height.url + ">"); 
 
    } 
 
    }); 
 
});