2015-11-24 72 views
2

使用数据表1.10,我有10000多行。我需要使用ajax响应来绘制表体。现在我以数组的形式返回数据,并在HTML中循环前端,这使得数据表呈现n行而不考虑分页,并且一旦页面完全加载,它将绘制默认表(10行)。我想删除迭代器并从AJAX响应中加载正文。如何实现它?将ajax响应加载到数据表

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

由于提前

+0

嗨Rathishkumar,请检查我的答案,接受和投票,如果它的目的。 – SyntaX

回答

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

这是送的Server side processing Parameters名单在Ajax调用中。

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

希望这可以帮助,让我知道如果你需要进一步的援助!

+0

从控制器创建一个数组作为json格式,并且遍历数组来绘制表格我知道它的代价最高的操作,但是我不知道如何在成功的ajax响应中将表格绘制为json本身。 你能帮忙吗? – Rathishkumar

+0

当然,我可以帮助你。请用以下详细信息更新您的问题:1.向我展示“js/html”代码如何绘制表格? 2.向我展示从API发送的'json'有效内容。 3.你是否浏览了DataTables API文档,特别是我提供的所有链接? – SyntaX

+0

[http://jsfiddle.net/ae7ua9wh/]需要加载与ajax响应的tbody如何做到这一点? – Rathishkumar