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

时间:2018-06-01 18:02:52

标签: javascript jquery html ajax

我有一个带搜索功能和页面功能的数据表。这些函数由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)

0 个答案:

没有答案