從GET響應/ JSON對象中提取數據

Question

有一段時間沒有碰到Javascript，也找不到從JSON對象中提取數據的正確方法。 所以我基本上發送一個簡單的GET請求到Giphy API並嘗試從響應中獲取URL，但由於某種原因我得到了各種錯誤。 這是我的嘗試：

$(function() { 
 
     $('#searchButton').click(function() { 
 
     console.log("test"); 
 
     $("#result").append("test<br />"); 
 
     var xhr = $.get("http://api.giphy.com/v1/gifs/search?q=cats&api_key=dc6zaTOxFJmzC&limit=1"); 
 
     xhr.done(function(data) { 
 
      console.log(this.fixed_height); 
 
      $("#result").append("success got data<br />" + data + "<br />"); 
 
      console.log("success got data", data); 
 
      $.each(data.results, function() { 
 
      $.each(this.images, function() { 
 
       console.log(this.fixed_height); 
 
       $("#result").append(this.fixed_height + "<br />"); 
 
      }); 
 
      }) 
 
     }); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button id="searchButton">search!</button> 
 

 
<div id="result"></div>

Answer 1

你有一對夫婦的問題。首先，data對象中沒有results成員。我在數據對象中看到的唯一可以迭代的是另一個data成員。其次，在images裏面，沒有fixed_height，只是height。這工作：

var xhr = $.get("http://api.giphy.com/v1/gifs/search?q=cats&api_key=dc6zaTOxFJmzC&limit=1"); 
xhr.done(function (data) { 
    $.each(data.data, function() { 
     $.each(this.images, function() { 
      console.log(this.height); 
     }); 
    }) 
}); 

http://jsfiddle.net/n9ffva83/

記住不需要在的jsfiddle $(function() {});，所以你必須提供（只是在你的代碼的方式做你給我們上圖）。

編輯： 只得到固定高度的URL試試這個：

var xhr = $.get("http://api.giphy.com/v1/gifs/search?q=cats&api_key=dc6zaTOxFJmzC&limit=1"); 
xhr.done(function (data) { 
    $.each(data.data, function() { 
     console.log(this.images.fixed_height.url); 
    }) 
}); 

看來這個網址只有一個，屬於圖像。

http://jsfiddle.net/n9ffva83/1/