AJAX調用后的數據表呈現

Question

我試圖通過進行AJAX調用從控制器獲取一些數據，然后編寫數據表來呈現數據表。 sData ['id']只是一個數字

這是我的代碼：

$.post('/admin/user_groups_data/' + sData['id']).done(function(data) {

        $('#user_groups_table').dataTable({
        "bProcessing": true,
        "bDeferRender": true,
        "sPaginationType": "full_numbers",
        "aaData": data, // data here is a JSON object, shows on Firebug correct data and fields

        "aoColumns": [
            { "mData": "id"},
            { "mData": "title" },
            { "mData": "category" },

        ]
    });

  });

以下是我的HTML代碼

<table id="user_groups_table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Type</th>
                    </tr>
                </thead>

        </table>

似乎在AJAX調用完成之前就先渲染了數據表，這給了我錯誤

DataTables警告（表ID ='user_groups_table'）：從數據源請求的第0行的未知參數'id'

我在.done頂部，但似乎它甚至不尊重它。 任何幫助都會很棒。 謝謝

Answer 1

剛剛向其中添加了sAjaxSource，它現在可以工作了，似乎在寫入數據表時$ .post尚未完成，sAjaxSource檢索數據並將其帶回，然后寫入數據表。

var oTable = $('#user_groups_table').dataTable({
        "bDestroy": true,
        "bProcessing": true,
        "bDeferRender": true,
        "sPaginationType": "full_numbers",
        //"aaData": data,
        "sAjaxSource": '/admin/user_groups_data/' + sData['id'],
        "aoColumns": [
            { "mData": "group_id", "bVisible": false},
            { "mData": "title" },
            { "mData": "category" },

        ]
        });