javascript - 如何使用ajax防止数据表中的分页重置

标签 javascript jquery html datatables

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

最佳答案

启用状态保存:

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

关于javascript - 如何使用ajax防止数据表中的分页重置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51942674/

相关文章:

JavaScript:使用无效索引初始化对象数组

jquery .animate() 在滚动时一遍又一遍地重复

php - 如何根据通过查询字符串接收到的值执行 jQuery 代码?

javascript - 如何从数组中删除空数组值 ("")?

java - 需要将未知数量的学生记录添加到学校记录中

javascript - WebStorm:如何将 HTML 链接到已安装的 JS 库?

html - 在 IFRAME 中加载的 Flash 内容在应用转换时消失 :scale css property in firefox

javascript - 如何使我的转换器按降序排列

javascript - 如何对数组进行排序,将最常见的元素排在第一位?

jquery - 在一定数量后删除 DIV 的子级