數據未填充到JQuery Datatable中

Question

我正在進行Ajax調用，返回的值存儲在“數據”變量中。 現在，我想使用此“數據”（以JSON對象的形式）綁定表'templateRegArea'。

$.ajax({
    url: "Ajax_UserPermissionProfile.aspx/GetTemplatePropertyList",
    method: 'post',
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    data: "{ 'iAcctId': '" + $('#hidIAcctId').val() + "', 'iTemplateID': '" + templateID + "'}",

    success: function(response) {
        var data = eval((response.d != undefined) ? response.d : response);
        alert(data);
        $('#templateRegArea').DataTable({
            ajax: data,
            columns: [{
                data: data.ID
            }, {
                data: data.Name
            }, {
                data: null,
                className: "center",
                defaultContent: '<a href="" class="editor_edit">Edit</a> / <a href="" class="editor_remove">Delete</a>'
            }]
        });
    },
    error: function(error) {}
}

我收到以下錯誤。

Answer 1

有時，數據表希望所有列都與JSON中發送的數據進行映射。

Answer 2

我假設這些“ ID”和“ Name”值是要作為行放在表上的值。 “列” DataTable屬性期望獲取列的名稱，而不是其值。 從文檔示例中 ：

$('#example').DataTable({
    "columns": [
        { "data": "name" },
        { "data": "position" },
        { "data": "office" },
        { "data": "age" },
        { "data": "start_date" },
        { "data": "salary" }
    ]
});

您應該做的是使用"data": "ID"和"data: Name"創建列，然后將這些值添加為行。