如何从 JSON 响应加载 Jquery 数据表

Question

我有一个类似这样的 Json 数据

 var data = '{"aaData":[{"rrno":"RR201600001","name":"Vikram","dob":"2016-04-11","gender":"Male","job_profile":"Buisness Associate","graduation":"B.Tech\/B.E.","total_exp":1,"status":"Accepted"},
{"rrno":"RR201600002","name":"Rahul","dob":"1992-10-13","gender":"Male","job_profile":"Buisness Associate","graduation":"B.Tech\/B.E.","total_exp":3,"status":"Rejected"}]}';

然后我像这样在 DataTable 中加载这些数据

var table = $('#dataTable1').DataTable();
      table.ajax.url(url).load();

我的HTML是这样的

  <table id="dataTable1" class="table  table-bordered table-striped-col">
  <thead>
    <tr>
      <th>Sourcing ID</th>
      <th>Name</th>
      <th>Dob</th>
      <th>Gender</th>
      <th>Job Profile</th>
      <th>Basic / Graduation</th>
      <th>Total Experience</th>
      <th>Final Status</th>
    </tr>
  </thead>
</table>

但我收到一个弹出窗口作为警报提示

DataTables 警告：表 id=dataTable1 - 请求的未知参数 '0' 表示第 0 行

Answer 1

你可以这样试试：

<script type="text/javascript">
$(document).ready(function () {
    $('#dataTable1').dataTable({
        "processing": true,
        "serverSide": true,
        "ajax": {
            'url':url,
            "dataSrc": "Responses"
        }
    });
});

Answer 2

你好，你可以这样写

var dataSet = [
[ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
[ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
[ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ]];

$(document).ready(function() {
$('#example').DataTable( {
    data: data ,
    columns: [
        { title: "Name" },
        { title: "Position" },
        { title: "Office" },
        { title: "Extn." },
        { title: "Start date" },
        { title: "Salary" }
    ]
} );

});

更多参考请看这个链接：https://datatables.net/examples/data_sources/js_array.html