如何在ajax响应后重绘数据表

Question

这里有个问题，首先我用select2选择用户后创建数据表，所以数据是根据选择的用户动态的，然后旁边有一个更新数据按钮，这里用来更新数据从API上看，如果有最新的数据，对于这个过程数据更新是没有问题的，但是数据表过程有问题，更新过程后，数据表不想重绘

$("#name").on("change",function(){
    var cek_id = this.value;
    $("#user_id").val(cek_id);
    console.log(cek_id);
    $('#getData').DataTable().clear().destroy();
        var i = 1;
        var VendorClient = $("#getData").DataTable({
        order: [ 0, "asc" ],
        processing: true,
        serverSide: false,
        ajax: "{{route('get-user-data')}}"+"/"+cek_id,
        columns: [{
            data: null,
            render: function ( data, type, full, meta ) {
                return  meta.row+1;
            } },

        {
            data: "fullname",
            name: "fullname",
            orderable:false
        },
        {
            data: "date",
            name: "date",
            orderable:false
        }

        ]
    });

});

这里是点击数据更新时的流程

 $("#get_data").on("click",function(){
        var cek_id = $("#user_id").val();
        var  url = "{{route('get-update-data')}}"+"/"+cek_id,
        $.ajax({
                type: "get",
                url: url, 
                dataType: "json",
                success:function(data){
                if(data.status=='success'){
                    $('#getData').data.reload();
                }else{
                   $('#getData').data.reload();

                }
                }

            });
    });

我尝试了各种方法，包括为 VendorClient 创建一个地球变量，然后在响应 ajax 之后添加此代码 VendorClient.ajax.reload(null, false); and get errorr (index):406 Uncaught (in promise) TypeError: Cannot read property 'ajax' of undefined
但它不起作用，有什么想法吗？

Answer 1

尝试重绘表格：

$('#getData').DataTable().clear().draw();

或

$('#getData').DataTable().columns.adjust().draw(); 

或

$('#getData').DataTable().columns.adjust().draw(false);