無法使用數據表填充數據到數據表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' } 
     ] 
    }); 
});