jQuery Datatable 无法将 json 提供到表中

Question

这是我从 django 后端收到的响应的 json 格式。如何让数据表将其读入表中？

[{
    "model": "model name", 
       "pk": 2, 
   "fields": {
         "name1": .., 
         "name2": ..,
         }
  },
  {
    "model": "model name", 
       "pk": 2, 
   "fields": {
         "name1": .., 
         "name2": ..,
         }
  }
]

Javascript:

    $(document).ready( function () {
            $('#tablename')
            .on('xhr.dt', function(e, settings, json){
                console.log(json)
            })
            .DataTable({
                "ajax": {
                    "url": "list",
                    "dataSrc": "",
                },
            });
    });

console.log(json) 将 json 打印为字符串而不是 JS 对象。

Answer 1

这没有什么诡计:

$('#tablename').DataTable({
   ...
   columns : [
      { data : 'fields.name1' },
      { data : 'fields.name2' }
      //etc
   ]        
});

<小时/>

更新(调查OP网站后)

1. 您的http://anime.moxware.com/list/工作得很好
2. http://anime.moxware.com/list/?_12234343434也是如此

3. 你期望什么

   $.ajax({
       dataType: 'json',
       type: 'GET',
       url: 'list',
   }).done(addDataToTable.bind(this));
   
   function addDataToTable(data){
      this.dt.rows.add(data).draw();
   }
   

   做什么？

以直接有据可查的方式进行操作，数百个示例演示了如何做到这一点:

<table id="animelist" class="table">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
</table>

var dt = $('#animelist').DataTable({
   ajax : {
        url : 'list',
        dataSrc : ''
   },
   processing: true,
   columns : [
       {"data" : 'fields.anime_name', "title": "Anime Title"},
       {"data" : 'fields.season_no', "title": "Season"},
       {"data" : 'fields.episodes_watched', "title": "Episodes Watched"},
       {"data" : 'fields.total_episodes', "title": "Total Episodes"}
    ]
});

仅此而已。没有创造性的书面 ajax 调用，没有替代的添加方法，没有字段、名称或标题定义的重复，没有尾随逗号或其他任何内容。