从jquery ajax调用中获取图像URL

时间:2017-09-12 14:02:53

标签: jquery ajax

尝试为创建的元素提供src属性。 src应该是从giphy api中检索到的url。我可以console.log响应数据,一切都很好,但我似乎无法获得jQuery来创建一个元素来容纳gif正确。

$('.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 + ">");
    }
  });
});

1 个答案:

答案 0 :(得分:1)

您可以尝试使用以下代码吗?根据{{​​3}}处的文档,fixed_height对象具有GIF图像的url属性

$('.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 + ">");
    }
  });
});