javascript - 为 ajax 响应自定义 DataTables 分页
问题描述
嗨,有一个用 Laravel 制作的 api。此 api 将返回数据的分页记录。所以它将包括数据、计数、总计、hasMorePages 和 currentPage。我回来了
如何自定义 DataTable 中的分页链接?另外,我想放一个回调 ajax 函数来获取下一页。我检查了文档https://datatables.net/reference/option/serverSide
但我找不到符合我要求的东西。这是我的javascript:
$("#search_games").click(function(){
var from = $("#from_date").val();
var to = $("#to_date").val();
console.log(from);
console.log(to);
$.post("/api/v1/get_games_result", { from: from, to: to }, function (data) {
if ( ! $.fn.DataTable.isDataTable( '#example' ) ) {
var t = $('#example').DataTable();
t.clear().draw();
var count = data.count;
var currentPage = data.currentPage;
var hasMorePages = data.hasMorePages;
var total = data.total;
var records = data.data;
console.log(records.length);
$.each(records, function (key, value) {
var game_data = value.game_data;
t.row.add( [
game_data.game_id,
game_data.game_date+" "+game_data.game_time,
game_data.game_closing
] ).draw( false );
});
}
var info = t.page.info();
console.log(data);
});
});
我想做一个功能,当用户单击分页页面按钮时,我将请求下一页:
解决方案
推荐阅读
- asp.net-core - 当 API ResponseCache NoStore = true 时,HTTP 请求是否被缓存?在特定的 API 端点上
- java - 从List构建树关系图的有效方法
- reactjs - 如何用“链接”包装每个 antd 表行?
- visual-studio-2019 - 在 VS2019 中从 VS 2017 恢复编辑器颜色
- sql-server - 需要根据数据的值将数据透视到 MS SQL 中的对应列
- c# - 根据值获取渐变中的颜色值
- python - 如何检查页面是否已被访问?(我在用户模型上使用了一个数组字段,我正在尝试在其中添加页面 ID)
- reactjs - 在 React select 中使用枚举
- javascript - 如何在 Javascript 中创建准确的 setTimeout(不是间隔)?
- c# - Odata 不支持“GroupBy”方法