Jquery 数据表编码点火器

我在codeigniter中使用serveridedatatables，我希望如果输入过滤器为空，datatable不会返回数据。当我单击filter按钮，输入中有数据时，datatable会显示数据

JS在视图中

$(document).ready(function() {

    //datatables
    table = $('#table').DataTable({

        "processing": true, //Feature control the processing indicator.
        "serverSide": true, //Feature control DataTables' server-side processing mode.
        "order": [], //Initial no order.

        // Load data for the table's content from an Ajax source
        "ajax": {
            "url": "<?php echo base_url('c_log/ajax_list')?>",
            "type": "POST",
            "data": function ( data ) {
                data.jurusan    = $('#jurusan').val();
                data.kelas      = $('#kelas').val();
                data.mapel      = $('#mapel').val();
                data.tahun      = $('#tahun').val();
                data.tanggal    = $('#tanggal').val();
            }
        },

        //Set column definition initialisation properties.
        "columnDefs": [
            {
                "targets": [ -1 ], //last column
                "orderable": false, //set not orderable
            },
        ],

    });

    $('#btn-filter').click(function(){ //button filter event click
        table.ajax.reload();  //just reload table
    });
    $('#btn-reset').click(function(){ //button reset event click
        $('#form-filter')[0].reset();
        table.ajax.reload();  //just reload table
    });
});

$（文档）.ready（函数（）{
//数据表
table=$（“#table”）.DataTable({
“处理”：true，//特性控制处理指示器。
“服务器端”：true，//功能控制数据表的服务器端处理模式。
“订单”：[]，//初始无订单。
//从Ajax源加载表内容的数据
“ajax”：{
“url”：“，
“类型”：“职位”，
“数据”：功能（数据）{
data.jurusan=$（'#jurusan'）.val（）；
data.kelas=$（'#kelas'）.val（）；
data.mapel=$（'#mapel'）.val（）；
data.tahun=$（'#tahun'）.val（）；
data.tanggal=$（'#tanggal'）.val（）；
}
},
//设置列定义初始化属性。
“columnDefs”：[
{
“目标”：[-1]，//最后一列
“可订购”：false，//设置为不可订购
},
],
});
$（'#btn筛选器'）。单击（函数（）{//按钮筛选器事件单击
table.ajax.reload（）；//只需重新加载表
});
$（“#btn重置”）。单击（函数（）{//按钮重置事件单击
$（'#表单筛选器'）[0].reset（）；
table.ajax.reload（）；//只需重新加载表
});
});

---

您可以设置一个条件来检查输入是否为空，如果任何过滤器输入为空，则将表设置为空：

$(document).ready(function() {

    // input variables
    let jurusan = $('#jurusan').val();
    let kelas = $('#kelas').val();
    let mapel = $('#mapel').val();
    let tahun = $('#tahun').val();
    let tanggal = $('#tanggal').val();


    //datatables
    table = $('#table').DataTable({

        "processing": true, //Feature control the processing indicator.
        "serverSide": true, //Feature control DataTables' server-side processing mode.
        "order": [], //Initial no order.

        // Load data for the table's content from an Ajax source
        "ajax": {
            "url": "<?php echo base_url('c_log/ajax_list') ?>",
            "type": "POST",
            "data": function(data) {
                data.jurusan = jurusan;
                data.kelas = kelas;
                data.mapel = mapel;
                data.tahun = tahun;
                data.tanggal = tanggal;
            }
        },

        //Set column definition initialisation properties.
        "columnDefs": [{
            "targets": [-1], //last column
            "orderable": false, //set not orderable
        }, ],

    });

    $('#btn-filter').click(function() { //button filter event click
        // check if one or more inputs are empty
        if (!jurusan || !kelas || !mapel || !tahun || !tanggal) {
            table.clear().draw(); // empty the table
        } else {
            table.ajax.reload(); //just reload table
        }
    });
    $('#btn-reset').click(function() { //button reset event click
        $('#form-filter')[0].reset();
        table.ajax.reload(); //just reload table
    });
});

$（文档）.ready（函数（）{
//输入变量
设jurusan=$（'#jurusan'）.val（）；
设kelas=$（'#kelas'）.val（）；
设mapel=$（'#mapel'）.val（）；
设tahun=$（'#tahun'）.val（）；
设tanggal=$（'#tanggal'）.val（）；
//数据表
table=$（“#table”）.DataTable({
“处理”：true，//特性控制处理指示器。
“服务器端”：true，//功能控制数据表的服务器端处理模式。
“订单”：[]，//初始无订单。
//从Ajax源加载表内容的数据
“ajax”：{
“url”：“，
“类型”：“职位”，
“数据”：功能（数据）{
data.jurusan=jurusan；
data.kelas=kelas；
data.mapel=mapel；
data.tahun=tahun；
data.tanggal=tanggal；
}
},
//设置列定义初始化属性。
“columnDefs”：[{
“目标”：[-1]，//最后一列
“可订购”：false，//设置为不可订购
}, ],
});
$（'#btn筛选器'）。单击（函数（）{//按钮筛选器事件单击
//检查一个或多个输入是否为空
如果（！jurusan | | | | | | | | | | | | | | | | | | | | | | |{
table.clear（）.draw（）；//清空表格
}否则{
table.ajax.reload（）；//只需重新加载表
}
});
$（“#btn重置”）。单击（函数（）{//按钮重置事件单击
$（'#表单筛选器'）[0].reset（）；
table.ajax.reload（）；//只需重新加载表
});
});

试试这个

$(document).ready(function() {

    // input variables
    let jurusan = $('#jurusan').val();
    let kelas = $('#kelas').val();
    let mapel = $('#mapel').val();
    let tahun = $('#tahun').val();
    let tanggal = $('#tanggal').val();


    //datatables
    table = $('#table').DataTable({

        "processing": true, //Feature control the processing indicator.
        "serverSide": true, //Feature control DataTables' server-side processing mode.
        "order": [], //Initial no order.

        // Load data for the table's content from an Ajax source
        "ajax": {
            "url": "<?php echo base_url('c_log/ajax_list') ?>",
            "type": "POST",
            "data": function(data) {
                data.jurusan = jurusan;
                data.kelas = kelas;
                data.mapel = mapel;
                data.tahun = tahun;
                data.tanggal = tanggal;
            }
        },

        //Set column definition initialisation properties.
        "columnDefs": [{
            "targets": [-1], //last column
            "orderable": false, //set not orderable
        }, ],

    });

    $('#btn-filter').click(function() { //button filter event click
        // check if one or more inputs are empty
        if (!jurusan || !kelas || !mapel || !tahun || !tanggal) {
            table.clear().draw(); // empty the table
        } else {
            table.ajax.reload(); //just reload table
        }
    });
    $('#btn-reset').click(function() { //button reset event click
        $('#form-filter')[0].reset();
        table.ajax.reload(); //just reload table
    });
    table.ajax.reload();
});

$（文档）.ready（函数（）{
//输入变量
设jurusan=$（'#jurusan'）.val（）；
设kelas=$（'#kelas'）.val（）；
设mapel=$（'#mapel'）.val（）；
设tahun=$（'#tahun'）.val（）；
设tanggal=$（'#tanggal'）.val（）；
//数据表
table=$（“#table”）.DataTable({
“处理”：true，//特性控制处理指示器。
“服务器端”：true，//功能控制数据表的服务器端处理模式。
“订单”：[]，//初始无订单。
//从Ajax源加载表内容的数据
“ajax”：{
“url”：“，
“类型”：“职位”，
“数据”：功能（数据）{
data.jurusan=jurusan；
data.kelas=kelas；
data.mapel=mapel；
data.tahun=tahun；
data.tanggal=tanggal；
}
},
//设置列定义初始化属性。
“columnDefs”：[{
“目标”：[-1]，//最后一列
“可订购”：false，//设置为不可订购
}, ],
});
$（'#btn筛选器'）。单击（函数（）{//按钮筛选器事件单击
//检查一个或多个输入是否为空
如果（！jurusan | | | | | | | | | | | | | | | | | | | | | | |{
table.clear（）.draw（）；//清空表格
}否则{
table.ajax.reload（）；//只需重新加载表
}
});
$（“#btn重置”）。单击（函数（）{//按钮重置事件单击
$（'#表单筛选器'）[0].reset（）；
table.ajax.reload（）；//只需重新加载表
});
table.ajax.reload（）；
});