无法使用数据表填充数据到数据表jquery

Question

我无法将数据填充到数据表中。我可以在console.log（data）中接收数据。但是如何将这些数据填充到数据表中。我正在使用dataTables.js并从ajax的服务器端获取数据。

$(document).ready(function() { 
      $.ajax({ 
       url: 'xxxxxx/xxxxxxx', 
       method: 'POST', 
       datatype: 'json', 
       success: function (data) { 
        console.log(data); 
        $('#datatable').dataTable({ 
         data: data, 
         serverside:true, 
         columns: [ 
          { 'data': 'UserId' }, 
          { 'data': 'UserDepartment' }, 
          { 'data': 'UserCourse' }, 
          { 'data': 'UserName' }, 
          { 'data': 'UserBirthDate' }, 
          { 'data': 'UserEmail' }, 
          { 'data': 'UserContact' } 
         ] 
        }); 
       } 
      }); 
     }); 

Answer 1

如果你想显示在DataTable数据，并希望得到与Web服务的服务器端的数据，那么这将是正确的方法：

$(document).ready(function() { 
    $.ajax({ 
    url: 'xxxxxx/xxxxxxx', 
    method: 'POST', 
    datatype: 'json', 
    success: function (data) { 
     console.log(data); 
     $('#datatable').dataTable({ 
     data: data, 
     columns: [ 
      { 'data': 'UserId' }, 
      { 'data': 'UserDepartment' }, 
      { 'data': 'UserCourse' }, 
      { 'data': 'UserName' }, 
      { 'data': 'UserBirthDate' }, 
      { 'data': 'UserEmail' }, 
      { 'data': 'UserContact' } 
     ] 
     }); 
    } 
    }); 
}); 

说明：您是第一次从网络服务中获取数据，然后将数据存储到JavaScript数据对象中，因此您不需要Server-side processing。 您只需在Javascript sourced data

绑定的数据表。如果你想使用POST data那么你可以通过

$(document).ready(function() { 
    $('#example').DataTable({ 
     "processing": true, 
     "serverSide": true, 
     "ajax": { 
      "url": 'xxxxxx/xxxxxxx', 
      "type": "POST" 
     }, 
     "columns": [ 
       { 'data': 'UserId' }, 
       { 'data': 'UserDepartment' }, 
       { 'data': 'UserCourse' }, 
       { 'data': 'UserName' }, 
       { 'data': 'UserBirthDate' }, 
       { 'data': 'UserEmail' }, 
       { 'data': 'UserContact' } 
     ] 
    }); 
});