javascript - 我无法从 html 中的 json 对象添加表

Question

getJSON('http://localhost:63322/logs',
function(err, data) {
  if (err !== null) {
    alert('Something went wrong: ' + err);
  } else {

    //var myObj = JSON.parse(data);
  //  document.getElementById("demo").innerHTML = myObj.ad_soyad;


items_table = document.getElementById('items_table');
for(var ctr = 0; ctr < data.length; ctr++)
{
    items_table.innerHTML+= '<tr><td>' + data.data[ctr].uid + '</td><td>' +data.data[ctr].ad_soyad + '</td></tr>';
}

  }






      <form id="form">
    <table id='items_table' border=1>
  <tr><th colspan='2'>liste</th></tr>
  <tr><th>uid</th><th>ad_soyad</th></tr>
</table>

在这些代码中我无法显示表格。我的 json 对象没有问题。我可以显示 json 对象，但无法在表中显示该对象。如何解决此问题？

我的 json 对象是

{"data":[{"uid":2,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad ":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad": "gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg "},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"} ,{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{ "uid":4,"ad_soyad":"gg"},{"uid":6,"ad_soyad":"gg"},{"uid":6,"ad_soyad":"gg"},{"uid"":10,"ad_soyad":"gg"},{"uid":16,"ad_soyad":"gg"},{"uid":190,"ad_soyad":"gg"},{"uid": 200,"ad_soyad":"gg"},{"uid":200,"ad_soyad":"gg"},{"uid":220,"ad_soyad":"gg"},{"uid":4, "ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad ":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad":"gg"},{"uid":4,"ad_soyad": “gg”}]}

感谢您的帮助......

Answer 1

这里的问题是 data 是具有另一个 data 作为属性的父对象，而这个 data 实际上是这里的数组。因此，您只需替换:

for(var ctr = 0; ctr < data.length; ctr++)

这样:

for(var ctr = 0; ctr < data.data.length; ctr++)