通过 jquery 重新加载数据表，但所有数据显示在第 1 页（默认每页 10 个数据）

Question

我正在为我的代码使用数据表。我想在数据提交后重新加载表格。 但是在提交数据后，所有记录都绑定在第 1 页上。 我正在使用 codeigniter 和 jquery ajax

这是我的 jquery 代码

$('.myTable').dataTable();

//process data
$(document).on('submit','#frm_add_main_menu',function(e) {
    e.preventDefault();
    $('#msg').removeClass('alert alert-danger');
    $('.loading').show();
    $('.overlay').show();
    var formObj = $(this);
    var formData= new FormData(this);
    $.ajax({
        url: base_url+'admin/save_main_menu',
        type: 'POST',
        dataType: 'json',
        data: formData,
        contentType : false,
        cache       : false,
        processData : false,
        success:function (data) {
            console.log(data);
            if (!data.success){
                if (data.errors){
                    $('.loading').hide();
                    $('.overlay').hide();
                    $('#modal_error_msg').modal('show');
                    $('#msg').html(data.errors).addClass('alert alert-danger');
                }
            }
            else{
                $('.loading').hide();
                $('.overlay').hide();
                $('#modal_add_menu').modal('hide');
                $('#modal_error_msg').modal('show');
                $('#msg').html(data.msg).addClass('alert alert-info');
                setTimeout(function(){$( ".myTable" ).load( "55 .myTable" );}, 100);
            }
        }//end function success
    });
});

提交数据后，我的表格正在重新加载，但所有数据视图都在第 1 页（默认仅显示 10 个数据）。

有人帮忙看看有什么问题吗？

之前谢谢。

对不起，我的英语不好。

Answer 1

您可以使用.DataTable().ajax.reload()从源重新加载表数据

$('.myTable').dataTable();

//process data
$(document).on('submit','#frm_add_main_menu',function(e) {
    e.preventDefault();
    $('#msg').removeClass('alert alert-danger');
    $('.loading').show();
    $('.overlay').show();
    var formObj = $(this);
    var formData= new FormData(this);
    $.ajax({
        url: base_url+'admin/save_main_menu',
        type: 'POST',
        dataType: 'json',
        data: formData,
        contentType : false,
        cache       : false,
        processData : false,
        success:function (data) {
            console.log(data);
            if (!data.success){
                if (data.errors){
                    $('.loading').hide();
                    $('.overlay').hide();
                    $('#modal_error_msg').modal('show');
                    $('#msg').html(data.errors).addClass('alert alert-danger');
                }
            }
            else{
                $('.loading').hide();
                $('.overlay').hide();
                $('#modal_add_menu').modal('hide');
                $('#modal_error_msg').modal('show');
                $('#msg').html(data.msg).addClass('alert alert-info');

                // reload the table
                $('.myTable').DataTable().ajax.reload();
            }
        }//end function success
    });
});