【问题标题】:jquery datatables custom ajax clientjquery数据表自定义ajax客户端
【发布时间】:2016-12-24 13:33:33
【问题描述】:

我有一个使用 ajax 的远程 API 的自定义 javascript 客户端。

假设它是如下所示的 MyApiClient:

var MyApiClient = function() {
   this.Invoke = function (config, callback) {
     // ...
   }
}

如何配置 jQuery Datatables 以便我可以使用 MyApiClient 而不是 jQuery Datatables 内部提供的内置 ajax 工作?

也就是说,假设要加载您的远程数据,您需要这样调用您的客户端:

var client = new MyApiClient();

client.Invoke({ url: '/api/app/v1/some-entity/all', function(result, err) {
     // ...
  }
});

谢谢你

【问题讨论】:

    标签: jquery ajax datatables customization


    【解决方案1】:

    使用ajax 选项定义一个函数,以通过您自己的 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);
    
            }
         });
      }
    });
    

    【讨论】:

    • 谢谢。这不仅限于数据检索。我们需要自定义插入、删除、更新分页等其他操作。是否可以像您所说的那样在这些操作中使用 MyApiClient 来代替 jQuery Datatables 的内部工作?
    猜你喜欢
    • 2011-02-21
    • 1970-01-01
    • 1970-01-01
    • 2014-03-27
    • 2011-09-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-03
    相关资源
    最近更新 更多