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

时间:2018-01-30 19:06:36

标签: javascript jquery ajax datatables

我已经看到很多关于此问题的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);
    }
})

0 个答案:

没有答案