jQuery datatable 多个查询条件 ,自定义提交事件

最新推荐文章于 2025-04-29 14:03:11 发布

jimgethelp

最新推荐文章于 2025-04-29 14:03:11 发布

阅读量9.5k

点赞数

分类专栏：前端文章标签： jQuery datatable

本文链接：https://blog.youkuaiyun.com/jimgethelp/article/details/77511610

版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在jQuery Datatable中添加多个查询条件，如开始和结束时间，并实现自定义的提交事件。通过在datatable设置中添加data选项，将input字段的值作为额外参数传递给服务器，当点击特定按钮时，触发表格刷新，从而根据新的查询条件获取数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

更新于2017-08-28

例如需要给表格增加一个开始时间 一个结束时间 点击按钮 重新刷新数据

先写2个input分别表示开始时间跟结束时间（可以写在页面的任意位置）

在写一个button(可以写在页面的任意位置）点击按钮 让表格重新刷新

如下所示在datatable设置项增加如下设置  如果已经有了  只需要添加如下的data选项

ajax: {
    url: '/admin/index',
    type: 'POST',
    "data": function ( d ) {
        //添加额外的参数传给服务器
        d.beginDate = $("#datetimepicker1").val();//开始时间
        d.endDate = $("#datetimepicker2").val();//结束时间
    }
},
$("#searchsubmit").bind("click", function () { //点击按钮 触发table重新请求服务器
    $("#tags-table").dataTable().fnDraw(false);
});

服务端直接$_POST['beginDate'] 就能获取开始时间$_POST['endDate'] 获取结束时间