无法使用数据表将数据填充到数据表中 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' }
        ]
      });
    }
  });
});

说明：您首先从 Web 服务获取数据，然后将数据存储到 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' }
        ]
    } );
} );

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

Not able to fill data into datatable using Datatables jquery

datatable

jquery

datatables