Question

我已经看到很多关于此问题的stackoverflow问题，但没有一个答案对我有用。

我有一个在<script> </script>标签内的模板上初始化的DataTable，但处理ajax调用的JS函数位于不同的文件中，并在页面加载时加载。

我有数据作为JSON对象进入ajax函数，我也用我从JSON对象获取的数据替换表的行，但是数据表的一部分没有刷新（例如：如果行删除，表格为空，不显示空信息。）

如何在ajax成功内部对数据表进行刷新/重新初始化？我被指出here，但文档在那里真的很模糊，并没有多大帮助。

这是我的代码：

leads.html

$(document).ready(function()
{
    $('#leads_table').DataTable( {
        "bInfo": false,
        "language": {
            "emptyTable": "There are no leads yet"
         }
      });
})

Ajax的JS函数：

$.ajax({
    url: form.attr("action"),
    data: form.serialize(),
    type: form.attr("method"),
    dataType: 'json',
    success: function (data)
    {
        $('#leads_table').DataTable({...}) // Tried this, but complains about a duplicate initialization

        //How do I refresh here?

        $("#leads_table tbody").html(data.html_leads_list);
    }
})

如何刷新ajax成功的数据表？

0 个答案: