jquery数据表自定义ajax客户端

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)

已经谢谢你了

Gyr*_*com 6

使用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)