javascript - 使用 AJAX 的数据表 - 如何与特定页面共享 URL？

Question

我正在使用 Datatables，并通过 AJAX 获取数据(在我的服务器端我有 Rails)。

假设我想与另一个用户共享正在使用数据表的 View 之一的页码 2。由于分页是通过AJAX完成的，因此URL中没有页码的跟踪，因此无法完成。

当您想要共享特定页面 (?page=1) 时，如何处理通过 AJAX 完成的分页？

谢谢

Answer 1

DataTables 提供了在 AJAX 调用中发送自定义参数的可能性。

$(function () {
  var requestsTable = $('#my_table').DataTable({
    'processing': true,
    'serverSide': true,
    'searching': false,
    'ajax': {
      'url': '/my/ajax/callback',
      'type': 'GET',
      'data': function (d) {
        return $.extend({}, d, {
          'pageNum': $('#cachedPageNumInHiddenField').val()
        })
      }, "error": function () {
       alert("An unexpected error occurred.");
      }
    }
  ]
});

您需要在页面上放置一个隐藏的输入字段。然后在下一个和上一个按钮的单击事件上挂接一个监听器。

有关如何在页面更改上 Hook 自定义事件，请参阅线程 Detect page change on DataTable .