【问题标题】:How can i refresh data table after updating the data and retain on the pagination page更新数据后如何刷新数据表并保留在分页页面上
【发布时间】:2017-11-05 18:12:59
【问题描述】:

我使用了 ajax.reload(),但它不起作用。

我尝试了另一种方法来刷新数据,但是在数据被编辑后我怎样才能留在当前的分页表上。

$.ajax({
            type: 'GET',
            url: '/test',
            dataType: 'HTML',
            success: function (html) {
                $('#group').html(html);
            },
            error: function (data) {
                console.log('Error:', data);
            }
        });

如果使用上述方法,我可以刷新页面,但它总是会返回到第一个分页表。任何人都知道如何使它在编辑数据后如何保持在当前的分页表上?

【问题讨论】:

    标签: php ajax datatable laravel-5.2


    【解决方案1】:

    我使用它来停留在页面上(重新加载之前)。 “bStateSave”:是的, 我希望这会回答您的重新加载页面。

    $(document).ready(function () {
        $('#users').DataTable({
            "bStateSave" : true,
            // "searching" : false,
            "columns": [
                {"data": "id"},
                {"data": "name"},
                {"data": "phone"},
                {"data": "fax"},
            ],
            "processing": true,
            "serverSide": true,
            "ajax": {
                url: 'demo.php',
                type: 'POST'
            }
        });
    });
    

    【讨论】:

      【解决方案2】:

      首先,您需要获取当前页面(例如:3)。 当您调用该函数刷新内容时,您需要将当前页面作为参数传递。例如:

      var myCurrentPage = 3; 
      $.ajax({
          type: 'GET',
          url: '/test',
          dataType: 'HTML',
          data: {page: myCurrentPage}
          success: function (html) {
              $('#group').html(html);
          },
          error: function (data) {
              console.log('Error:', data);
          }
      });
      

      var 可以是动态的,使用 input hidden 或某些元素属性

      我希望你已经理解了其中的逻辑。如果没有,请告诉我。

      【讨论】:

      • 我用过 var info = table.page.info();获取数据表的当前页面。难道只是传页码就行了吗?
      • 请提供您用于分页的代码。您需要调用此函数。例子:如果你点击下一页你会转到第2页。你需要保存这个数字(第2页),当你需要刷新内容时,调用'page 2'作为参数的分页函数。这样,内容将加载到您的当前页面中。
      猜你喜欢
      • 2017-03-05
      • 2014-07-24
      • 2018-06-24
      • 2019-02-19
      • 2020-06-20
      • 2021-08-21
      • 1970-01-01
      • 2011-08-23
      • 1970-01-01
      相关资源
      最近更新 更多