javascript - 数据表无法重新初始化数据表并且销毁不起作用

Question

在选择新选项后，我已尝试了所有用于销毁和清空数据表的命令，但不起作用。

这是我的 js 文件的一部分，其中包含 ajax。它使用动态 url api。

    function table(url, columns) {
    
        var dt = $("#datatables").dataTable({
            "serverSide": true,
            "processing": true,
            "ajax": {
                "url": url,
                "type": "GET",
            },
            "columns": columns,
            lengthMenu: [[25, 100, 250, 500], [25, 100, 250, 500]],
            pageLength: 25,
            // destroy: true
        });
    ... // more stuff here about the design of the table
    }

    $("form#btnGetDomain").on("submit", function (ev) {
        ev.preventDefault();
        ev.stopPropagation();

        // $("#datatables").dataTable().fnDestroy();

        var url;
        var columns;
    
        var categ = document.getElementById("categ").value;

    // this is where i do if statements depending what options was selected
// i get the proper url api
    ... 
    
        table(url, columns);
    });

我已经尝试了所有这些命令:

$("#datatables").dataTable().fnDestroy();

$("#datatables").empty();


destroy: true,

数据表中的命令“destroy:true”我不知道它是否正常工作，因为在我尝试第二次选择另一个选项后，表没有响应，它只是说**正在处理....**

在选择任何选项来清除表格之前，我还尝试将命令放入提交函数中。现在我正在考虑做一个 if 语句，如果它们是一个表，则清除它。

谢谢

更新

我尝试过dataTable和DataTable

**更新2 **

if ($.fn.DataTable.isDataTable("#datatables")) {
        $("#datatables").DataTable().clear().draw();
        $("#datatables").dataTable().fnDestroy();
    }

我将此命令放在 var dt = $("#datatables").dataTable({...

之前

是的，我注意到我使用了小型和大型数据表...但这有效...我确实尝试将两者与大 D 一起使用，但没有工作...也尝试使用在最后一个中:DataTable().destroy();...不起作用

示例:使用视频和 channel 我选择了第一次视频。

我选择 channel 后:它更改列名称没有问题(我为每个 api 有不同的列名称)...但行保持不变。

当我选择返回视频时。列名称更改，行更改为先前选择的 channel 。

希望您能理解。为什么我必须使用 dataTable 和 DataTable...

它确实改变了，但是错误的改变......至少我希望更接近答案。

Answer 1

我找到了答案，我将这行代码放在表函数的开头

function table(url, columns) {
    var dt;

    if ($.fn.DataTable.isDataTable("#datatables")) {
        $("#datatables").DataTable().clear().draw();
        $("#datatables").DataTable().destroy();
        $("#datatables thead").html('');
    }

...
}

它对我来说效果很好，它清除行，破坏表格，并清空标题。

哦..我已经从小写dataTable更改为大写DataTable