如何使用 jQuery DataTables 传递参数并重绘表格答案

【问题标题】：How to pass a parameter and redraw a table with jQuery DataTables如何使用 jQuery DataTables 传递参数并重绘表格
【发布时间】：2019-12-27 03:06:26
【问题描述】：

我有名为 VendorClinet 的数据表，我想过滤表格，我使用 select 发送过滤器，这里的问题是表格在过滤后不想更改，我尝试使用重新加载但表格仍然不变

$('#status').on('change', function() {
         var status = $(this).val();
         $.ajax({
          type:"GET",
          url:"{{route('vendorInfo')}}"+"/"+"?status="+status,
          success:function(data){
               VendorClient.ajax.reload(null, false );
          }
         });
    });

这是我的数据表代码

var VendorClient = $("#tAdmin").DataTable({
     order: [ 0, "asc" ],
      processing: true,
      serverSide: false,
      ajax: "{{route('vendorInfo')}}",
      columns: [
        {
          data: "name",
          name: "name",
          orderable:false
        },
        {
          data: "vendor_type",
          name: "vendor_type",
          orderable:false
        },
        {
          data: "mode",
          name: "mode",
          orderable:false
        },
        {
          data: "status",
          name: "status",
          orderable:false
        },

        },
      ]
    });

【问题讨论】：

VendorClient.ajax.reload() 怎么样

标签： jquery datatables datatables-1.10

【解决方案1】：

如果您想将数据传递到服务器，请使用ajax.data 选项。

ajax: {
   url: "{{route('vendorInfo')}}",
   data: function (d){
      d.status = $('#status').val();
   },
   method: 'GET'
}

当状态改变时，使用以下代码重新加载表格。

$('#status').on('change', function() {
   VendorClient.ajax.reload();
});

【讨论】：