从json url生成html表,数据来自键,值也来自没有键的父级

nbysray5  于 2022-11-20  发布在  其他
关注(0)|答案(1)|浏览(117)

我正在生成一个html表,其中包含来自json url的数据。我想包含这些数据的父值而不包含关键字。
Json结构:

{
    "gzpik1gqlnm":
        {"owner_name":"user02","room_name":"131","country":"EN","max":2,"current":1,"password":0},
            "d1vn67n7sgu":
                {"owner_name":"user09","room_name":"254","country":"EN","max":2,"current":1,"password":0}
}

Javascript语言:

setInterval(function(){
  $.getJSON("somejson.url", function(data){
    var room_data = '';
    $("#roomtabletbody").empty();
   
     $.each(data, function(key, value){       
      room_data += '<tr valign="top">';
      room_data += '<td>'+value.country+'</td>';      
      room_data += '<td>'+value.owner_name+'</td>';
      room_data += '<td>'+value.room_name+'</td>';
      room_data += '<td>'+value.current+'/'+value.max+'</td>';
      room_data += '<td>'+value.password+'</td>';
      room_data += '<td><a class="join" href="">Join</a></td>';
      room_data += '<tr>';

    });
    $('#roomtabletbody').append(room_data);
    
  });

        
    }, 1000);

生成的表:

country owner_name  room_name   current/max password
  EN     user02         131          1/2       0
  EN     user09         254          1/2       0

我试图获得的表:

parent      country owner_name  room_name   current/max password
gzpik1gqlnm    EN    user02         131          1/2       0
d1vn67n7sgu    EN    user09         254          1/2       0

正确的方向是什么?

n7taea2i

n7taea2i1#

room_data += '<td>'+value.country+'</td>';之前添加:room_data += '<td>'+key+'</td>';

setInterval(function(){
  $.getJSON("somejson.url", function(data){
    var room_data = '';
    $("#roomtabletbody").empty();
   
     $.each(data, function(key, value){       
      room_data += '<tr valign="top">';
      room_data += '<td>'+key+'</td>';
      room_data += '<td>'+value.country+'</td>';      
      room_data += '<td>'+value.owner_name+'</td>';
      room_data += '<td>'+value.room_name+'</td>';
      room_data += '<td>'+value.current+'/'+value.max+'</td>';
      room_data += '<td>'+value.password+'</td>';
      room_data += '<td><a class="join" href="">Join</a></td>';
      room_data += '<tr>';

    });
    $('#roomtabletbody').append(room_data);
    
  });

        
    }, 1000);

不要忘记在<thead>中添加新的标题。

相关问题