Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery数据表自定义筛选器_Javascript_Jquery_Laravel_Datatables_Yajra Datatable - Fatal编程技术网

Javascript jquery数据表自定义筛选器

Javascript jquery数据表自定义筛选器,javascript,jquery,laravel,datatables,yajra-datatable,Javascript,Jquery,Laravel,Datatables,Yajra Datatable,我正在使用版本为1.10.12的jquery数据表。我正在使用下拉列表筛选数据表中的行。我有以json形式返回数据的服务器端点(感谢for laravel)。我的问题是如何将新数据加载到现有实例中 这是我的密码 var candidateDT = $("#candidates").DataTable({ processing: true, serverSide: true, ajax: '{!! url(

我正在使用版本为1.10.12的jquery数据表。我正在使用下拉列表筛选数据表中的行。我有以json形式返回数据的服务器端点(感谢for laravel)。我的问题是如何将新数据加载到现有实例中 这是我的密码

var candidateDT = $("#candidates").DataTable({
            processing: true,
            serverSide: true,
            ajax: '{!! url("/admin/candidates") !!}',
        });

$(".filters").on('click', function(){
            var url = '{{ url("admin/candidates/filters") }}';
            var filterby = $(this).data('filter-by');
            var value = $(this).val();
            if(value !== ""){
                $.ajax({
                    url:url,
                    data: {'filterby':filterby, 'value':value},
                    success: function(response) {
                        candidateDT.clear();
                        candidateDT.reload();
                    }
                });
            }
        });
其中url是数据源的端点,filters是下拉列表
提前感谢

使用Ajax,您可以从后端发送更多参数进行访问。因此,您可以尝试以下方法:

$("#candidates").DataTable({
    processing: true,
    serverSide: true,
    ajax: {
        url: '{!! url("/admin/candidates") !!}',
        type: "get",
        data: function(f) {
            f.varname = $("#field").val(); //here place
        }
    },
});

您可以销毁并重新创建易于使用的datatable筛选器