代码之家  ›  专栏  ›  技术社区  ›  4 Leave Cover

如何使用ajax防止datatable中的分页重置

  •  0
  • 4 Leave Cover  · 技术社区  · 6 年前

    如何使用ajax保持在datatable页面上?

    1. 用户单击表中的按钮。特定行将被更新,我将调用 fn_GetData() 功能。
    2. 我将再次将更新后的数据从数据库提取到表中,从而更新行(实际上整个表都已更新)。
    3. 如果该行是几页以后,当表重新加载时,它将再次返回到第一页。如何保持在那一页上?

    顺便说一句,我试过了 .ajax.reload( null, false ) 不起作用

    用javascript函数包装的Ajax

    function fn_GetData(){
        $.ajax({
            url: "action/myfile.php",
            type: "POST",
            data: {'GetData':''},
            dataType: "json",
            success: function(data) {
                if(data.status=='success'){
                    if ($.fn.DataTable.isDataTable("#myTable")) {
                        $('#myTable').DataTable().clear().destroy();
                    }
    
                    var myTable = $('#myTable').html(data.table).DataTable({
                        responsive: {
                            details: {
                                type: 'column'
                            }
                        },
                        "dom": 'Bplirtip',
                    }).columns.adjust().responsive.recalc();
    
                    //myTable.ajax.reload( null, false );
                }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr);
            }
        });
    }
    
    1 回复  |  直到 6 年前
        1
  •  2
  •   Ajay Jangra    6 年前

    启用状态保存:

      $('#example').dataTable( {
          stateSave: true
        } );