javascript - AJAX 更新数据表后 Javascript 函数丢失

Question

我有一个具有搜索功能和页面功能的数据表。这些函数由 jquery.dataTables.js 和 dataTables.bootstrap.min.js 添加。

当用户选择另一个日期范围时，我有一个 ajax 来更新表格。

<div id="data_table">
    <table......>
    ......                  
    ......                               
    </table>
</div>


<script>
    function update_table_data(){
        var startday = $("#start").val();
        var endday = $("#end").val();
        $.ajax({
            url : "/test/test_update/",
            method : "POST",
            data : {
              'start': startday,
              'end': endday
            },
            dataType: "html",
            success:function(response) {
                console.log('response success');
                $("#data_table").html(response)
            },
            error:function(err){
                console.log(err)
            }
        });
    }
</script>

它正确更新了表格。但是，所有页面/搜索功能都丢失了。

如何在不重新加载页面的情况下做到这一点？

（我使用 django 2 和 python 3.4）

标签： javascriptjqueryhtmlajax