從API創建表格

Question

我的功能是從api提取信息，然後將其放入表格中。出於某種原因，此功能不起作用。

這是我的函數：

function getPayInfo(socCode) { 
     var apiurl = "http://api.lmiforall.org.uk/api/v1/ashe/estimatePay?soc="; 
     var apicall = apiurl + socCode; 
     $.get(apicall, function(data) { 
      $("#Pay tbody").html(""); 
      $.each(data.years, function(i, e) { 
       var tablerow = $("<tr></tr>"); 
       tablerow.append("<td>" + e.year + "</td>"); 
       tablerow.append("<td>" + e.estpay + "</td>"); 
       $("#Pay tbody").append(tablerow); 
      }); 
     }); 
    } 

這就是我把它插入到表：

<div class="well table table-stripped"> 
     <h4>Pay Information</h4> 
     <h5>Pounds per Week</h5> 
     <table id="Pay"> 
      <thead> 
       <tr> 
        <th>Year</th> 
        <th>Estimate Pay</th> 
       </tr> 
      </thead> 
      <tbody> 
      </tbody> 
     </table> 
    </div> 

我預期的一年數據值返回到表。如果你在函數中使用了url並且添加了一個特定的4位數值（socCode）（例如5113），那麼它會在線提供數據，然後返回到表格主體。

Answer 1

您是否調試過/回顧了$.get回調中的數據結構？它在我看來你的訪問方法是不正確的。當我訪問example url，我得到以下數據傳回：

{ 
    "soc":5113, 
    "series":[ 
    { 
     "year":2012, 
     "estpay":340 
    } 
    ] 
} 

我想你想你的迭代器是這個：

// there is no data.years 
$.each(data.series, function(i, e) { 
    ... 

這應該使你的e PARAM是形式{year: 2012, estpay: 340}的，這似乎是你想要解釋爲。