Javascript 如何基于onclick在数据表上填充数据

我已经有了ajax回调，它基于单击的按钮，将传递username，然后像这样返回它

这是我的AJAX

$(document).on("click", ".view", function(e){
    e.preventDefault();
    var nomination_result_id = $(this).data('id');

    $.ajax({
        type: "GET",
        dataType: "json",
        url: "json/getNominationVoters",
        data: { nomination_result_id: nomination_result_id }, //PASS DATA 
        success: function(data){ // RECEIVE DATA
            console.log(data);
        }
    });
});

它在我的模态上打开，这是身体的内容

<div class="modal-body">
    <div class="table-responsive">
        <table id="voters" class="table">
            <thead>
                <tr>
                    <th>Nominee</th>
                    <th>Vote Count</th>         
                </tr>
            </thead>
            <tbody>
                ....................
            </tbody>
        </table>
    </div>
</div>

提名人
计票
....................

在我的剧本上

<script type="text/javascript">
    $('#voters').DataTable();
</script>

$（“#投票者”）.DataTable（）；

我不知道如何填充，因为文档上的ajax回调只针对document.ready（）而不是单击。请需要帮助

更新1

我当前的脚本

$.ajax({
    type: "GET",
    dataType: "json",
    url: "{{ URL::route('json/getNominationVoters') }}",
    data: { nomination_result_id: nomination_result_id }, //PASS DATA 
    success: function(data){ // RECEIVE DATA
        console.log(data);
        $.each(data, function(key, value){
            append_tr = "<tr>"+
                            "<td>"+value.firstname+"</td>"+
                            "<td>"+value.lastname+"</td>"+
                        "</tr>";
            $('#voters > tbody:last-child').append(append_tr);      
        });     
    }
});

$.ajax({
键入：“获取”，
数据类型：“json”，
url:“{url:：route（'json/GetNaminationVorters'）}}”，
数据：{提名结果\u id:提名结果\u id}，//通过数据
成功：函数（数据）{//接收数据
控制台日志（数据）；
$。每个（数据、函数（键、值）{
附加_tr=“”+
“”+value.firstname+“”+
“”+值。lastname+“”+
"";
$（“#投票者>tbody:最后一个孩子”）.append（append#tr）；
});     
}
});

结果：我得到一个“无数据…” HTML数据：

<table id="voters" class="table">

</table>

然后调用此函数

$（'#投票者'）.DataTable（）加载局部视图后

$('#voters').html(data);
YourScript();

希望这能有所帮助。
HTML数据：

<table id="voters" class="table">

</table>

然后调用此函数
$（'#投票者'）.DataTable（）加载局部视图后

$('#voters').html(data);
YourScript();

希望这会有所帮助。
阅读关于
.append（）
或
.html（）
此模型与MVC的
部分视图相关吗
检查我的编辑人员查看
.append（）
或
.html（）
此模型与MVC的
部分视图相关吗