Moh*_*eli 3 ajax jquery customization datatables
我有一个自定义的 javascript 客户端,它可以使用 ajax 与远程 API 配合使用。
假设它是 MyApiClient,如下所示:
var MyApiClient = function() {
this.Invoke = function (config, callback) {
// ...
}
}
Run Code Online (Sandbox Code Playgroud)
如何配置 jQuery Datatables 以便我可以使用 MyApiClient 而不是 jQuery Datatables 内部提供的内置 ajax 工作?
也就是说,假设要加载远程数据,您需要这样调用客户端:
var client = new MyApiClient();
client.Invoke({ url: '/api/app/v1/some-entity/all', function(result, err) {
// ...
}
});
Run Code Online (Sandbox Code Playgroud)
已经谢谢你了
使用ajaxoption 定义一个函数来通过您自己的 Ajax 调用检索数据。
作为一个函数,Ajax 调用由您自己决定,从而可以完全控制 Ajax 请求。事实上,如果需要,可以使用 Ajax 以外的方法来获取所需的数据,例如 Web 存储或 Firebase 数据库。
从数据源获取数据后,
callback应调用第二个参数(此处)并传入单个参数 - 用于绘制表格的数据。
例如:
$('#example').DataTable( {
"ajax": function (data, callback, settings) {
var client = new MyApiClient();
client.Invoke({ url: '/api/app/v1/some-entity/all', function(result, err){
// Pass the data to jQuery DataTables
callback(result);
}
});
}
});
Run Code Online (Sandbox Code Playgroud)