如何通过ajax加载datatable数据?
How to load the datatable data via ajax?
我的 table 中有 1000 条记录。但我想获取每页数据,即 10 条按需记录(点击页面)。因为现在我想等到 1000 条记录加载到数据表中,而不是单击每个页面时,10 条记录要从数据中获取 table 在每次访问页面时,数据表中是否有任何功能用于此
$(document).ready(function() {
$('#example').dataTable( {
"ajax": "data/arrays.txt"
} );
} );
首先你需要初始化table:
例如你有 table id: example
var oTable =$('#example').dataTable();
那么您可以使用 jquery 获取或 ajax。要插入数据table,您需要使用 .fnAddData() 例如:
$.get( "ajax/test.html", function( data ) {
$.each($.parseJSON(data),function(i,e){
oTable.fnAddData(
[
e.id,
e.name,
e.gender,
e.state,
e.phone
]);
});
我的 table 中有 1000 条记录。但我想获取每页数据,即 10 条按需记录(点击页面)。因为现在我想等到 1000 条记录加载到数据表中,而不是单击每个页面时,10 条记录要从数据中获取 table 在每次访问页面时,数据表中是否有任何功能用于此
$(document).ready(function() {
$('#example').dataTable( {
"ajax": "data/arrays.txt"
} );
} );
首先你需要初始化table: 例如你有 table id: example
var oTable =$('#example').dataTable();
那么您可以使用 jquery 获取或 ajax。要插入数据table,您需要使用 .fnAddData() 例如:
$.get( "ajax/test.html", function( data ) {
$.each($.parseJSON(data),function(i,e){
oTable.fnAddData(
[
e.id,
e.name,
e.gender,
e.state,
e.phone
]);
});