Javascript 使用ajax动态刷新jquery数据表

有没有一种方法可以自动刷新jquery数据表中的数据？我想单击一个按钮，该按钮将发出AJAX请求以返回新数据并将数据插入datatable。我想要像这样的东西：

$("#update_button").click(function(e) {
    $.ajax({
        type: "POST",
        data: productType,
        url: "/api/getproducts",
        success: function(data, status) {
            $('#products_table').DataTable( {
                data: data,
                columns: [
                    { title: "col 1" },
                    { title: "col 2" },
                    { title: "col 3" },
                    { title: "col 4" },
                    { title: "col 5" },
                    { title: "col 6" }
                ]
            });
        },
        error: function(data, status, res) {
            console.log('error...');
            console.log(res);
        }
    });
});

但是，这给了我“无法重新初始化表”错误。。。有人能帮忙吗

---

谢谢

试试这样的方法：

$("#myName").on("change", function(){
   tbl.ajax.url("<?php  echo RP_SSP ?>server_processing_reservTables.php?myName="+$(this).val()).load();
 });

$（“#myName”）。关于（“更改”，函数（）{
tbl.ajax.url（“server_processing_reservTables.php？myName=“+$（this.val（））.load（）”；
});

请参见

https://datatables.net/reference/api/ajax.reload（）

，

ajax.reload（）

是一个可用的库，用于从其ajax源重新加载jquery数据表。选中此项可以从单击事件中取出初始化代码，只需调用

draw（）

即可刷新数据。