Im generating an html table with data from json url. I want to include parent value without key to these data.
Json structure:
{
"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);
generated table:
country owner_name room_name current/max password
EN user02 131 1/2 0
EN user09 254 1/2 0
table im trying to get at:
parent country owner_name room_name current/max password
gzpik1gqlnm EN user02 131 1/2 0
d1vn67n7sgu EN user09 254 1/2 0
Whats the right direction?
Before room_data += '<td>'+value.country+'</td>';, add :
room_data += '<td>'+key+'</td>';
And success. If you feel this is the right answer don't forget to mark this as correct answer.
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);
Don't forget to add new header in <thead>.