javascript - 将对象数组的 AJAX 响应转换为 JSON 对象

Question

我这里有一个示例端点，其中包含 JSON 数据，但出于某种原因，我不明白为什么它返回 [object Object]。

Mock API

我之前的代码有点令人困惑，但幸运的是我看到了另一个更清晰的答案。

function generateTable(data, selId){

    var cnt = "<table border=1>";

    cnt += "<tr>";
    $.each(JSON.parse(data), function(key,value){
       cnt += "<td><strong>" + key + "</strong></td>";
    });
   cnt += "<tr>";

   /* cnt += "<tr>";
   $.each(obj, function(key,value){
       cnt += "<td>" + value + "</td>";
   });
   cnt += "<tr>"; */ This part was commented because the conversion above does not work.
   cnt += "</table>";

   $(selId).html(cnt);

}

function createTableData(APIurl, selId){
    $.getJSON("http://jsonplaceholder.typicode.com/posts", function(data){
          generateTable(data, selId);
    });
}

当我尝试提醒返回的数据时，它返回[object Object]、[object Object]、...等等。如何将 API 中的 JSON 数据转换为可以在 generateTable 函数内访问的数组？感谢您的帮助。

Answer 1

您需要迭代数组

var cnt = "<table border=1>";
for (var i=0, len=data.length; i<len; i++){
    var row = data[i];
    cnt += "<tr>";
    $.each(row, function(key,value){
       cnt += "<td><strong>" + key + "</strong></td>";
    });
   cnt += "</tr>";
}
cnt += "</table>";