Datatables 在下拉更改时加载引导数据表

我对jquery/bootstrap数据表是完全陌生的，我正在尝试在应用程序中使用它

我有一个模式弹出窗口，其中有一个选择下拉列表。当选择下拉列表值更改时，我希望 调用服务器并在模式中显示dataTable网格。 最初，当模式弹出窗口加载时，我不想显示网格，甚至不想显示空网格。 我只想在下拉列表值更改时显示网格。 每次下拉列表值更改时，网格都必须重新加载

我一直在尝试参数组合，但它不起作用。 我尝试使用“iDeferLoading”、“bDeferRender”、table.ajax.reload（）等，但效果并不理想。 当模式弹出窗口第一次加载时，始终加载以下代码网格

$(document).ready(function (){
        var table = null;
        $("#userType").change(function() {
            var userType = $(this).val();
            if (userType == "test") {
                table = $('#example').DataTable({
                  'ajax': {
                     'url': '/test/getAllPlatforms?itemId=' + $('#itemId').val(),
                     "dataSrc": ''
                  },
                  "columns": [
                              { "data": "selected" },
                              { "data": "id" },
                              { "data": "platformName" },
                              { "data": "itemPrice" },
                              { "data": "revenueShare" }

                          ],

                  columnDefs: [ {
                        orderable: false,
                        className: 'dt-body-center',
                        targets:   0,
                        'render': function (data, type, full, meta){
                            console.log(data + " : " + full);
                            var checked = "";
                            if (data == true) {
                                checked = "checked";
                            }
                            return '<input type="checkbox" name="id[]" value="' + $('<div/>').text(data).html() + '" ' + checked + '>';
                        }
                    }

                  ],
                    select: {
                        style:    'os',
                        selector: 'td:first-child'
                    },
                    order: [[ 1, 'asc' ]],
                    'iDeferLoading': 1,
                    'bDeferRender': true
               });
            }
        });
    });  

$（文档）.ready（函数（）{
var表=null；
$（“#用户类型”）.change（函数（）{
var userType=$（this.val（）；
如果（用户类型==“测试”）{
table=$（“#示例”）.DataTable({
“ajax”：{
“url”：“/test/getAllPlatforms？itemId=”+$（“#itemId”）.val（），
“dataSrc”：”
},
“栏目”：[
{“数据”：“选定”}，
{“数据”：“id”}，
{“数据”：“平台名称”}，
{“数据”：“itemPrice”}，
{“数据”：“收入共享”}
],
columnDefs:[{
可订购：错误，
类名：“dt车身中心”，
目标：0，
“呈现”：函数（数据、类型、完整、元）{
console.log（数据+”：“+完整）；
var勾选=”；
如果（数据==true）{
checked=“checked”；
}
返回“”；
}
}
],
选择：{
风格：“os”，
选择器：“td:第一个孩子”
},
订单：[[1，‘asc']]，
“iDeferLoading”：1，
“bDeferRender”：正确
});
}
});
});