数据未填充到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"创建列，然后将这些值添加为行。