Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过jquery重新加载datatable,但所有数据都显示在第1页(默认每页10个数据)_Jquery_Ajax_Pagination_Datatables - Fatal编程技术网

通过jquery重新加载datatable,但所有数据都显示在第1页(默认每页10个数据)

通过jquery重新加载datatable,但所有数据都显示在第1页(默认每页10个数据),jquery,ajax,pagination,datatables,Jquery,Ajax,Pagination,Datatables,我的代码使用datatable。我想在提交数据后重新加载表。 但在提交数据后,所有记录将绑定到第1页。 我正在使用codeigniter和jQueryAjax 这是我的jquery代码 $('.myTable').dataTable(); //process data $(document).on('submit','#frm_add_main_menu',function(e) { e.preventDefault(); $('#msg').removeClass('aler

我的代码使用datatable。我想在提交数据后重新加载表。 但在提交数据后,所有记录将绑定到第1页。 我正在使用codeigniter和jQueryAjax

这是我的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个数据)

有人帮忙吗?有什么问题吗

谢谢你


对不起,我的英语不好。

您可以使用


你不是在重新加载dataTable,你只是在TableDOM元素中加载了一些东西。你能给我正确的代码吗?我一直在关注这个教程,但错误消息您的意思是我在
setTimeout(function(){$(“.myTable”).load(“55.myTable”);},100)之后放了什么
?@MardinoIsmail Replace
setTimeout(function(){$(“.myTable”).load(“55.myTable”);},100)
$('.myTable').DataTable().ajax.reload()一起使用在实现上述代码之前,我已经尝试过此代码。我有这样的错误消息
DataTables警告:table id=DataTables\u table\u 0-无效的JSON响应。有关此错误的详细信息,请参阅http://datatables.net/tn/1
在我的开发工具上,我得到了
TypeError:g为null
您的API是否正确地返回了json?也看到
$('.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
    });
});