Javascript 循环遍历json对象并将其放入html表中

我需要遍历json文件并将其输出到html表中。下面是一段代码，所以你会感觉到我需要做什么。“data”包含我通过ajax调用获得的json对象

我也尝试过data.length，但由于json对象不是在同一个文件中定义的，所以毫无希望

任何帮助都将不胜感激。 谢谢

$（数据）。每个（函数（索引、值）{
项目。推送（“”）；
items.push（“+value.Data[0].BoxIds+”
“+”）；
items.push（“+value.Data[0].ID+”
“+”）；
items.push（“+value.Data[0].Name+”
“+”）；
items.push（“+value.Data[0]。地址+”
“+”）；
items.push（“+value.Data[0].ZIP+”）；
items.push（“+value.Data[0].City+”）；
items.push（“+value.Data[0].Country+”）；
items.push（“+value.Data[0].纬度+”）；
items.push（“+value.Data[0]。经度+”）；
items.push（“+value.Data[0].ArraySizeX+”）；
items.push（“+value.Data[0].ArraySizeY+”）；
items.push（“+value.Data[0].BoxLocations+”）；
items.push（“+value.Data[0].类型+”）；
项目。推送（“”）；
项目。推送（“”）；
items.push（“+value.Data[1].BoxIds+”
“+”）；
items.push（“+value.Data[1].ID+”
“+”）；
items.push（“+value.Data[1].Name+”
“+”）；
items.push（“+value.Data[1]。地址+”
“+”）；
items.push（“+value.Data[1].ZIP+”）；
items.push（“+value.Data[1].City+”）；
items.push（“+value.Data[1].Country+”）；
items.push（“+value.Data[1].纬度+”）；
items.push（“+value.Data[1]。经度+”）；
items.push（“+value.Data[1].ArraySizeX+”）；
items.push（“+value.Data[1].ArraySizeY+”）；
items.push（“+value.Data[1].BoxLocations+”）；
items.push（“+value.Data[1].类型+”）；
项目。推送（“”）；
//控制台日志（数据）；
//console.log（data.data[0].Name）；
});
$("", {
html:items.join（“”）
})
.附录（“表格”）；
}

对于d中的var v，您可以使用

遍历dict的值
如果同时需要键和值，请对d.items（）中的（k，v）使用

因此，您的代码可以变成：

value.Data中var条目的
{
对于条目中的var v{
items.push（“+v+”
“+”）；
}
项目。推送（“”）；
项目。推送（“”）；
}
您可以通过以下方式从对象数组生成表


let数据=[
{id:1，姓名：'anik'，年龄：29}，
{id:2，姓名：'shojib'，年龄：50}，
];
let table='idnameage'；
data.forEach（函数（d）{
表+=''+d.id+''；
表+=''+d.name+''；
表+=''+d.age+''；
})
表+=''；
$（'#mytable'）.empty（）.html（表格）

您能显示数据的内容吗？请给出一些示例数据谢谢回答。这里有一些例子：这是一个很好的例子！但在我的例子中，我如何使用它，从url获取json数据（使用此代码我得到错误“uncaughttypeerror:data.forEach不是一个函数”）。你能给我你从服务器端收到的示例数据吗当然可以。好了：我只需要输出数据，而不是结果和消息。请分享你的代码。你似乎有一个对象数组，这应该在anik islam Shojib工作！
$(data).each(function(index, value) {
  items.push("<tr>");
  items.push("<td id=''" + index + "''>" + value.Data[0].BoxIds + "<br/>" + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].ID + "<br/>" + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].Name + "<br/>" + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].Address + "<br/>" + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].ZIP + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].City + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].Country + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].Latitude + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].Longitude + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].ArraySizeX + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].ArraySizeY + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].BoxLocations + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[0].Type + "</td>");
  items.push("</tr>");
  items.push("<tr>");
  items.push("<td id=''" + index + "''>" + value.Data[1].BoxIds + "<br/>" + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].ID + "<br/>" + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].Name + "<br/>" + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].Address + "<br/>" + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].ZIP + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].City + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].Country + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].Latitude + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].Longitude + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].ArraySizeX + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].ArraySizeY + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].BoxLocations + "</td>");
  items.push("<td id=''" + index + "''>" + value.Data[1].Type + "</td>");
  items.push("</tr>");
  //console.log(data);
  //console.log(data.Data[0].Name);
});
$("<tbody/>", {
    html: items.join("")
  })
  .appendTo("table");
}