REST API调用从JSON返回未定义列表

时间:2019-05-19 06:00:03

标签: javascript jquery json ajax rest

我正在尝试在网站上显示来自FEC REST API的总统候选人姓名列表,并获得三个项目符号的列表,这些项目只是说“未定义”。

我已经使用https://ghibliapi.herokuapp.com/films之类的其他API进行了尝试,并且效果很好。 JSON文件的FEC结构有所不同-我不确定此JSON被不同对待的原因是分页还是其他原因。

以下是原始JSON的第一行:

    {
      "api_version": "1.0",
      "pagination": {
        "pages": 1,
        "per_page": 20,
        "page": 1,
        "count": 20
      },
      "results": [
        {
          "election_years": [
            2008,
            2016
          ],
          "two_year_period": 2020,
          "last_file_date": "2016-07-30",
          "federal_funds_flag": false,
          "name": "SANDERS, BERNARD"
      }
   }


$.getJSON("https://api.open.fec.gov/v1/candidates/totals/?office=P&election_full=false&per_page=20&cycle=2020&min_receipts=100000&sort_null_only=false&sort_nulls_last=false&page=1&sort_hide_null=false&api_key=MYKEYISHERE", 
function(data) {
    console.log(data);
    $.each(data, function(i, item){
        $('ul#candidates').append('<li>'+item.name+'</li>');
    });

});

    <body>
            <div class="cand-container">
                    <img class="photo">
                    <ul id="candidates"></p>
                    <p class="receipts"></p>
            </div>
    </body>

谢谢。

2 个答案:

答案 0 :(得分:0)

当您应该遍历data时,您正试图遍历data.results

答案 1 :(得分:0)

您必须遍历data.results。数据没有name属性。