jQuery Datatable 多個查詢條件自定義提交事件(推薦)

更新時間：2017年08月24日 08:38:34 作者：jimgethelp

這篇文章主要介紹了jQuery Datatable 多個查詢條件自定義提交事件的相關(guān)資料,需要的朋友可以參考下

先寫2個input 分別表示開始時間跟結(jié)束時間在寫一個button 點擊按鈕讓表格重新刷新代碼如下

如下所示在datatable設(shè)置項增加如下設(shè)置如果已經(jīng)有了只需要添加如下的data選項

ajax: {
  url: '/admin/index',
  type: 'POST',
  "data": function ( d ) {
    //添加額外的參數(shù)傳給服務(wù)器
    d.beginDate = $("#datetimepicker1").val();
    d.endDate = $("#datetimepicker2").val();
  }
},
$("#searchsubmit").bind("click", function () { //按鈕 點擊事件觸發(fā)table重新請求服務(wù)器
  $("#tags-table").dataTable().fnDraw(false);
});

服務(wù)端直接$_POST['beginDate'] 就能獲取開始時間

總結(jié)

以上所述是小編給大家介紹的jQuery Datatable 多個查詢條件自定義提交事件，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jquery制作搜狐快站頁面效果示例分享
這篇文章主要介紹了jquery制作搜狐快站頁面效果示例,需要的朋友可以參考下
2014-02-02
jQuery ajax 當(dāng)async為false時解決同步操作失敗的問題
這篇文章主要介紹了 jQuery ajax 當(dāng)async為false時解決同步操作失敗的問題的相關(guān)資料,需要的朋友可以參考下
2016-11-11
jQuery+ajax實現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路
這篇文章主要介紹了jQuery+ajax實現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路及核心代碼，需要的朋友可以參考下
2014-06-06
jQuery層次選擇器用法示例
這篇文章主要介紹了jQuery層次選擇器用法,結(jié)合實例形式分析了jQuery針對頁面元素層級操作的層次選擇器使用技巧,需要的朋友可以參考下
2016-09-09
jQuery源碼分析之Callbacks詳解
這篇文章主要分為以下知識：什么是Callbacks、Callbacks模型、基本模塊實現(xiàn)、once和auto(memory)、源碼和源碼下載，十分的細(xì)致全面，這里推薦給大家，有需要的小伙伴參考下吧。
2015-03-03
capacityFixed 基于jquery的類似于新浪微博新消息提示的定位框
公司項目需求中有一個類似于新浪微博新消息提示的定位框的效果，需要的朋友可以參考下。
2011-05-05
jQuery實現(xiàn)碎片輪播效果
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)碎片輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
Jquery中g(shù)etJSON在asp.net中的使用說明
Jquery中g(shù)etJSON在asp.net中的使用說明，需要的朋友可以參考下。
2011-03-03
2則自己編寫的jQuery特效分享
這里給大家分享的是個人編寫的2個jQuery特效，非常簡單實用，推薦給大家，希望對大家能有所幫助。
2015-02-02
jquery中ajax調(diào)用json數(shù)據(jù)的使用說明
jquery里提供了便捷的ajax運用，下面總結(jié)我自己的一些經(jīng)驗
2011-03-03