jquery datatable从ajax获取json数据

时间:2016-08-12 14:42:13

标签: jquery datatables datatables-1.10

我想从我在服务器上获得的json数据构建数据表

    $(document).ready(function() {
        $('#example').DataTable( {

        "ajax": "/analyze/List",
        "columns": [
        { responsedata: "Name" },
        { responsedata: "Total" },
        { responsedata: "Passed" },
        { responsedata: "Failed" }]  

        } );
    } );

没有工作。是不是应该怎么做?

这是服务器上的json数据格式 -

{"responseCode":0,"responseData":[{"Name":"Rocky","Total":39,"Passed":35,"Failed":4}]}

另外,我发现错误未捕获的TypeError:无法读取属性'长度'未定义的。有人可以帮忙吗?我是这里的菜鸟。

1 个答案:

答案 0 :(得分:1)

俞正在做一点倒退。使用dataSrc属性指示dataTables responseData属性保留行,并通过data属性引用每个字段,而不是responseData

$('#example').DataTable({
    ajax: {
        url: '/analyze/List',
        dataSrc: 'responseData'
    },
    columns: [
      { data: "Name" }, 
      { data: "Total" }, 
      { data: "Passed" },
      { data: "Failed" }
    ]
})

演示 - >的 http://jsfiddle.net/2qycjwaz/