如何使用ajax

Question

TLDR;

如何使用Ajax在数据表中停留在页面上？

我的问题

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);
        }
    });
}

Answer 1

启用状态保存：

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