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

【问题标题】：Retrieving JSON Values Not Working - JavaScript/jQuery检索 JSON 值不起作用 - JavaScript/jQuery
【发布时间】：2017-07-09 01:28:40
【问题描述】：

下面是我用来从 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/

【问题讨论】：

标签： javascript jquery json api google-webfonts

【解决方案1】：

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

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

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

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

【讨论】：

请不要公开分享您的密钥。