检索JSON值不起作用 - JavaScript / jQuery

Question

以下是我用来从API检索某个字体名称的代码（包含可用字体列表）。

问题是我只能检索前20个值。通过在此之后将19更改为任何数字，不会检索family值。

$.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=***", function(result){
        $.each(result, function(i, field){
           $("div").append([field][0][19]['family']);
        });      
    });

这是一个小例子：

https://jsfiddle.net/tLhea2eo/2/

Answer 1

所有字体都在数组result.items中，长度为82

＆＃13;

＆＃13;

$.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=***", function(result) {

  $.each(result.items, function(i, item) {
    $("ul").append('<li>' + item.family + '</li>');
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul></ul>

＆＃13;

＆＃13;

＆＃13;