如何传递参数并使用 jQuery DataTables 重绘 table

Question

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

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

这是我的数据table的代码

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
        },

        },
      ]
    });

Answer 1

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

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

使用以下代码在状态更改时重新加载 table。

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

如何传递参数并使用 jQuery DataTables 重绘 table

How to pass a parameter and redraw a table with jQuery DataTables

jquery

datatables

datatables-1.10