javascript - dataTable - 表单提交后重新加载表

Question

我已经在这里阅读了很多内容，但我找不到可行的解决方案!我有一个数据表，其中一列中有一个编辑按钮。如果用户单击编辑按钮，则会出现一个模式，用户可以更改数据表中的条目。提交表单后，更改将在数据库内完成。

现在我想自动刷新我的表格而不需要重新加载页面。我怎样才能做到这一点？我必须在成功消息中调用什么？

这是我的代码:

index.php:

if ($savetodo=="true") {
    $content=array("descr"=>$descr);
    updateToDoInfo($id,$content);

}

AJAX 提交:

                <script>
                    $(function() {
                        $('#form_edittodo').on(\"submit\", function(event) {
                            event.preventDefault();

                            $.ajax({
                                url: 'index.php',
                                type: 'post',
                                data: $(this).serialize(),
                                beforeSend: function(){
                                        $('#loading').show();
                                    },
                                    complete: function(){
                                        $('#loading').hide();
                                    },
                                success: function() {
                                   // What should I enter here?
                            });
                        });
                    });
                </script>

数据表:

    <script>
    $(document).ready(function() {
        $('#todolist12').DataTable();
    } );
    </script>

如果有人能帮助我，那就太好了。

Answer 1

您需要使用数据表 data() 更新单元格方法。

例如，您可能希望成功函数如下所示:

success: function() { 
    $('#todolist12').DataTable().cells("#idOfChangedCell").data("Update to cell").
}

但是，为了使更改实际显示在您的网页上，您还需要调用 dataTables draw() 方法:

$('#todolist12').DataTable().draw();