我无法将数据添加到 bootStrap 数据表

Question

我需要有关引导数据表的其他数据，并且我尝试了很多时间。

数据类型为 JSON 对象，来自 servlet 页面 JSONArray[JSONObject{}]

服务器端处理为假（客户端）

我已经尝试过这样的 Ajax：

            $('#mytable').DataTable({
                ajax:{
                    url:'memSearchTable.ad',
                    dataSrc:''
                    },
                    columns:[...]
            });

但是，它不会起作用。

这是我的脚本：

var data2;
$(document).ready(function(){

        $.ajax({
            url:'memSearchTable.ad',
            success:function(data){
                console.log("data : "+data);
                data2 = data;
            }
        });

        $('#myTable').DataTable({
            data:'data2',
            columns: [
                {data:'memNum'},
                {data:'memId'},
                {data:'memName'},
                {data:'memGender'},
                {data:'memPhone'},
                {data:'nationCode'},
                {data:'memPoint'},
                {data:'memType'},
                {data:'memStatus'},
                {data:'enrollDate'},
                {data:'noShow'}
            ]
        });

这是数据样本

[
{"memNum":"1",
"memStatus":"Y",
"memName":"ADMIN",
"noShow":"0",
"memPhone":"01012340001",
"memType":"A",
"memGender":"M",
"memPoint":"0",
"enrollDate":"2019-08-29",
"memId":"1","nationCode":"1"},
{"memNum":"2",
"memStatus":"Y",
"memName":"OWNER",
"noShow":"0",
"memPhone":"01012340002",
"memType":"O",
"memGender":"M",
"memPoint":"0",
"enrollDate":"2019-08-29",
"memId":"2",
"nationCode":"2"}
]

我仍然从表中得到“表中没有可用数据”

Answer 1

根据the documentation，我认为你应该这样做：

$(document).ready(function(){
    $.ajax({
        url: 'memSearchTable.ad',
        success: function(data) {
            $('#myTable').DataTable().rows.add(data).draw();
        }
    });

    $('#myTable').DataTable({
        data:'data2',
        columns: [
            {data:'memNum'},
            {data:'memId'},
            {data:'memName'},
            {data:'memGender'},
            {data:'memPhone'},
            {data:'nationCode'},
            {data:'memPoint'},
            {data:'memType'},
            {data:'memStatus'},
            {data:'enrollDate'},
            {data:'noShow'}
        ]
    });
});