jQuery Datatable 多個(gè)查詢條件自定義提交事件(推薦)
更新時(shí)間：2017年08月24日 08:38:34 作者：jimgethelp
這篇文章主要介紹了jQuery Datatable 多個(gè)查詢條件自定義提交事件的相關(guān)資料,需要的朋友可以參考下
先寫2個(gè)input 分別表示開始時(shí)間跟結(jié)束時(shí)間 在寫一個(gè)button 點(diǎn)擊按鈕 讓表格重新刷新 代碼如下
如下所示在datatable設(shè)置項(xiàng)增加如下設(shè)置 如果已經(jīng)有了 只需要添加如下的data選項(xiàng)
ajax: {
url: '/admin/index',
type: 'POST',
"data": function ( d ) {
//添加額外的參數(shù)傳給服務(wù)器
d.beginDate = $("#datetimepicker1").val();
d.endDate = $("#datetimepicker2").val();
}
},
$("#searchsubmit").bind("click", function () { //按鈕 點(diǎn)擊事件觸發(fā)table重新請(qǐng)求服務(wù)器
$("#tags-table").dataTable().fnDraw(false);
});
服務(wù)端直接$_POST['beginDate'] 就能獲取開始時(shí)間
總結(jié)
以上所述是小編給大家介紹的jQuery Datatable 多個(gè)查詢條件自定義提交事件，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了jquery制作搜狐快站頁(yè)面效果示例,需要的朋友可以參考下2014-02-02
jQuery ajax 當(dāng)async為false時(shí)解決同步操作失敗的問題
這篇文章主要介紹了 jQuery ajax 當(dāng)async為false時(shí)解決同步操作失敗的問題的相關(guān)資料,需要的朋友可以參考下2016-11-11
jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路及核心代碼，需要的朋友可以參考下2014-06-06
這篇文章主要介紹了jQuery層次選擇器用法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素層級(jí)操作的層次選擇器使用技巧,需要的朋友可以參考下2016-09-09
這篇文章主要分為以下知識(shí)：什么是Callbacks、Callbacks模型、基本模塊實(shí)現(xiàn)、once和auto(memory)、源碼和源碼下載，十分的細(xì)致全面，這里推薦給大家，有需要的小伙伴參考下吧。2015-03-03
capacityFixed 基于jquery的類似于新浪微博新消息提示的定位框
公司項(xiàng)目需求中有一個(gè)類似于新浪微博新消息提示的定位框的效果，需要的朋友可以參考下。2011-05-05
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)碎片輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
Jquery中g(shù)etJSON在asp.net中的使用說明
Jquery中g(shù)etJSON在asp.net中的使用說明，需要的朋友可以參考下。2011-03-03
這里給大家分享的是個(gè)人編寫的2個(gè)jQuery特效，非常簡(jiǎn)單實(shí)用，推薦給大家，希望對(duì)大家能有所幫助。2015-02-02
jquery中ajax調(diào)用json數(shù)據(jù)的使用說明
jquery里提供了便捷的ajax運(yùn)用，下面總結(jié)我自己的一些經(jīng)驗(yàn)2011-03-03