jquery datatables вложенные значения json

Question

Я хочу сгенерировать данные с именем, положением, телефоном и электронной почтой из следующего json. Но я не понимаю, как получить доступ к имени и вложенному значению. Изменение json невозможно.

JSON:

{ 
    "key1" : "somevalue", 
    "key2" : "somevalue2", 
    "contacts" : { 
    "John Doe" : { 
     "position" : "CEO", 
     "phone" : "1234-5678-0", 
     "email" : "john@company.com" 
    }, 
    "Elvis Presley" : { 
     "position" : "Singer", 
     "phone" : "0234-5678-0", 
     "email" : "elvis@heaven.com" 
    }, 
    "Albert Einstein" : { 
     "position" : "Thinker", 
     "phone" : "0000-8888-0", 
     "email" : "albert@universe.gov" 
    } 
} 

РЕЗУЛЬТАТ:

+-----------------+----------+-------------+---------------------+ 
| NAME   | POSITION | PHONE  | EMAIL    | 
+-----------------+----------+-------------+---------------------+ 
| John Doe  | CEO  | 1234-5678-0 | john@company.com | 
+-----------------+----------+-------------+---------------------+ 
| Elvis Presley | Singer | 0234-5678-0 | elvis@heaven.com | 
+-----------------+----------+-------------+---------------------+ 
| Albert Einstein | Thinker | 0000-8888-0 | albert@universe.gov | 
+-----------------+----------+-------------+---------------------+ 

Answer 1

Вы можете управлять данными, используя ajax.dataSrc вариант.

Например:

var table = $('#example').DataTable({ 
    ajax: {  
     url: 'https://api.myjson.com/bins/4nnmy', 
     dataSrc: function(json){ 
      var data = []; 
      for(var contact_name in json.contacts){ 
      var contact = json.contacts[contact_name]; 
      data.push([ 
       contact_name, 
       contact['position'], 
       contact['phone'], 
       contact['email'] 
      ]);     
      } 

      return data; 
     } 
    } 
}); 

См this jsFiddle для кода и демонстрации.

Answer 2

Если у вас есть данные переменной с именем, то вы можете получить доступ к data.contacts, а оттуда вы можете сделать это:

for(var contact in data.contacts) { 
    if(data.contacts.hasOwnProperty(contact)) { 
     // Do whatever with data.contacts[contact].position 
     // Do whatever with data.contacts[contact].phone 
     // Do whatever with data.contacts[contact].email 
    } 
} 

Answer 3

Пример: https://jsfiddle.net/9aLvd3uw/204/

Html:

<table> 
<thead> 
    <tr> 
    <th>NAME</th> 
    <th>POSITION</th> 
    <th>PHONE</th> 
    <th>EMAIL</th> 
    </tr> 
</thead> 
<tbody id="myTbody"> 

</tbody> 
</table> 

ЯШ:

var data = { 
    "key1" : "somevalue", 
    "key2" : "somevalue2", 
    "contacts" : { 
    "John Doe" : { 
     "position" : "CEO", 
     "phone" : "1234-5678-0", 
     "email" : "john@company.com" 
    }, 
    "Elvis Presley" : { 
     "position" : "Singer", 
     "phone" : "0234-5678-0", 
     "email" : "elvis@heaven.com" 
    }, 
    "Albert Einstein" : { 
     "position" : "Thinker", 
     "phone" : "0000-8888-0", 
     "email" : "albert@universe.gov" 
    } 
}}; 
var contacts = data.contacts; 
var string = ''; 
for (name in contacts){ 
string += '<tr><td>' +name + '</td><td>' + contacts[name].position + '</td><td>' + contacts[name].phone + '</td><td>' + contacts[name].email + '</td></tr>' ; 
} 
$("#myTbody").html(string);