javascript - 如何重新加载我的数据表？

Question

插入数据后重新加载数据表插件时遇到一些问题。如果不使用 dataTable jQuery 插件我可以做到这一点，但我需要将两者结合起来。 这是代码:

$('#tabela').DataTable({
   pageLength: 25,
   dom: 'Bfrtip'
});

当我插入我使用的数据时:

$('#insert_form').on("submit", function(event){
        event.preventDefault(); //stops page refresh
        $.ajax({
            url:"testes/insert.php", //file to insert data into DB
            method:"POST",
            data:$('#insert_form').serialize(),
            beforeSend:function(){
                $('#insert').val("Inserting");
            },
            success:function(data){
                $('#insert_form')[0].reset();
                $('#add_data_Modal').modal('hide');
                $('#participantes_table').html(data);
            }
        });
    });

现在我的问题是，如何重新加载数据表中的数据？

最诚挚的问候， 法比奥·佩谢罗

编辑: 我关注了这个视频: https://www.youtube.com/watch?v=5wDc47jcg0o

Answer 1

您需要使用数据表函数

var table = $('#tabela').DataTable()
    table.ajax.reload( null, false );