检索 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']);
        });      
    });

这是一个例子fiddle:

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

Answer 1

所有字体都在长度为82

的数组result.items中

$.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>

检索 JSON 值无效 - JavaScript/jQuery

Retrieving JSON Values Not Working - JavaScript/jQuery

javascript

api

jquery

json

google-webfonts