【问题标题】:load ajax response to a data table将ajax响应加载到数据表
【发布时间】:2015-11-24 07:04:21
【问题描述】:

使用 Data-table 1.10,我有 10000+ 行。我需要使用 ajax 响应来绘制表格主体。现在我将数据作为数组返回并在 html 中迭代前端,这使得数据表呈现 n 行,而与分页无关,一旦页面完全加载,它就会绘制默认表(10 行)。我想删除迭代器并从 AJAX 响应中加载正文。如何实现?

我在 rails4 中使用数据表。我也尝试过使用 deferRender: true 我的应用没有变化

提前致谢

【问题讨论】:

  • 嗨 Rathishkumar,请查看我的回答,如果它符合目的,请接受并投票。

标签: javascript jquery ajax datatables-1.10


【解决方案1】:

我真的不明白你为什么要迭代 data[] 并渲染 dataTable body!

您可以在 dataTable 中简单地使用Ajax sourced data,如下所示:

$(document).ready(function() {
    $('#example').DataTable( {
        "ajax": '../ajax/data/arrays.txt'
    } );
} );

还有server side pagination supported in dataTable,这就是所谓的服务器端处理:

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "../server_side/scripts/server_processing.php"
    } );
} );

这是在 Ajax 调用中发送的 Server side processing Parameters 列表。

嵌入式链接有很好的文档和示例来帮助您。您的 API 必须以示例中所示的所需格式提供 JSON 负载。

希望这会有所帮助,如果您需要进一步的帮助,请告诉我!

【讨论】:

  • 从控制器创建一个 json 格式的数组并遍历数组以绘制表格我知道它最昂贵的操作但我不知道如何在成功的 ajax 响应上将表格绘制为 json 本身?.你能帮忙吗??
  • 当然,我可以帮助你。请使用以下详细信息更新您的问题: 1. 告诉我js/html 代码您是如何绘制表格的? 2. 显示您从 API 发送的 json 有效负载。 3. 你看过DataTables API doc,尤其是我提供的所有链接吗?
  • [jsfiddle.net/ae7ua9wh/]需要用ajax响应加载tbody怎么办??
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-08
  • 1970-01-01
  • 2020-03-28
  • 2023-03-08
  • 1970-01-01
  • 2013-09-21
相关资源
最近更新 更多