如何将json数据设置为jquery 1.7数据表

时间:2016-06-09 23:07:07

标签: jquery json ajax datatables

我正在使用jquery 1.7.1,因为这是我的旧项目所以我无法改变它。我在控制器中将json数据返回到javascript调用到datatable中的ajax调用时遇到问题。 以下是我的ajax电话

$.ajax({
    type : "post",
    url : "myController",
    dataType : 'json',
    data : 'operation=getUploaded&filename=' + filename,
    success : function(data) {

        console.log("<<<<<<<<<<<data<<<<<<<<<<<", data.Data[0]);
        $('#example').dataTable({
            "aoData": data.Data[0],
            "aoColumns": [
                { "mDataProp": "id" },
                { "mDataProp": "point" },
                { "mDataProp": "floor" },
                { "mDataProp": "custAccNo" },
                { "mDataProp": "data" }
        ]

        });
    }
}); 

这是我的json回复:

{
   "Data": [{
       "id": 4534534,
       "point": "45",
       "floor": "345",
       "custAccNo": "000000001",
       "data": "ABC",
       "fileName": "23rbc.rti",
       "grid": "001"
   }]
}

这是我在jsp中的表格:

<div class="container"> 
    <table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example">
        <thead>
            <tr>
                <th>id</th>
                <th>point</th>
                <th>floor</th>
                <th>custAccNo</th>
                <th>data</th>
            </tr>
        </thead>
    </table>
</div>

有任何建议吗?

1 个答案:

答案 0 :(得分:0)

您的数组是data.Data而不是data.Data[0],这是数组中的第一个对象