私のページでデータテーブルを初期化した後に、PHPの

Question

を使ってAjaxサーバーの応答データをデータテーブルに表示する方法はありますが、サーバーの応答データをデータテーブルに動的に表示する必要があります。私はにconsole.logでデータを受け取ることができます（データ）

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

Answer 1

これを試してみてください。

<?php 
    $sql = "SELECT FROM user"; 
      $sql_result = $conn->query($sql); 

      $response = array('data' => $sql_result); 
      echo json_encode($response); 

    ?> 

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

Answer 2

を私はあなたがこれを試みることができるあなたは順不同でものを持っていると思う：

$(document).ready(function() 
{ 
    // Setup - add a text input to each footer cell 
    $('#DataTable tfoot th').each(function() 
    { 
     var title = $(this).text(); 
     $(this).html('<input type="text" placeholder="Search ' + title + '" />'); 
    }); 

    var table = $('#DataTable').DataTable({ 
     "select": true, 
     "processing": true, 
     "serverSide": true, 
     "ajax": { 
      "url": "./ServerSide.php", 
      "type": "POST" 
     } 
    }); 
}); 

私はあなたがカラム名をリストアップする必要さえないと確信しています、彼らはurlに渡されたあなたのファイルで取り上げられます。