获取数据表中按钮单击的行数据

Question

这是关于如何将数据加载到数据表的脚本。

$('#btnRoster').click(function(e) {

    $('#dataTable').dataTable().fnDestroy();
    e.preventDefault();

    $.ajax({

        url: '@Url.Action("GetRoster", "Home")',
        type: 'GET',
        dataType: "json",
        success: function(response) {

            var table = $('#dataTable').dataTable({
                data: response,
                columns: [{
                        'data': 'Id',
                        'sClass': 'hidecol'
                    },
                    {
                        'data': 'Name'
                    },
                    {
                        'data': 'Project'
                    },
                    {
                        'data': 'Geo.GeoName'
                    },
                    {
                        'data': 'Tower.TowerName'
                    },
                    {
                        'data': 'Region.RegionName'
                    },
                    {
                        'data': 'WBS.WBSName'
                    },
                    {
                        'data': 'Process.ProcessName'
                    },
                    {
                        'data': 'PrimaryTeam.PrimaryTeamName'
                    },
                    {
                        'data': 'IsActive'
                    },
                    {
                        'data': 'Gender'
                    },
                    {
                        'data': 'Level'
                    },
                    {
                        'data': 'ShiftStart'
                    },
                    {
                        'data': 'ShiftEnd'
                    },
                    {
                        'data': 'Comment'
                    },
                    {
                        "className": 'details-control',
                        "orderable": false,
                        "data": null,
                        "defaultContent": '<button class="btn btn-sm btn-block btn-success">Edit</button>'
                    }
                ],
                "order": [
                    [2, 'asc']
                ],
                columnDefs: [{
                    "visible": false,
                    "targets": 0
                }, ]
            });
        },
        complete: function() {
            setTimeout(function() {

                $('#modal_processing').modal('hide');

            }, 2000);

        },
        error: function(resp) {
            alert("Error");
        }
    });
});

我的目标是，当我连续点击按钮时，我只想获取该行的数据。

我从数据表中遵循此代码：Datatables

<script type="text/javascript">

$(document).ready(function () {
    var table = $('#dataTable').DataTable();

    $('#dataTable tbody').on('click', 'button', function () {
        var data = table.row(this).data();
        alert('You clicked on ' + data[1] + '\'s row');
    });
});

但是当我点击按钮时，我收到了错误

  

0x800a138f - JavaScript运行时错误：无法获取属性＆＃39; 1＆＃39;未定义或空引用

我错过了什么吗？