Data not getting populated in JQuery Datatable

Question

I am making an Ajax call and the returned value is stored in "data" variable. Now, I want to use this "data" (in the form of JSON object) to bind the table '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) {}
}

I am getting the following error.

Answer 1

有时，数据表希望所有列都与JSON中发送的数据进行映射。

Answer 2

I assume these "ID" and "Name" values are the values you want to put on your table as rows. The "columns" DataTable property expects to get the names of the columns, not its values. From the documentation example :

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

What you should do is create the columns with "data": "ID" and "data: Name" and then add those values as rows.