廢話不多說，直接上代碼
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),伊犁企業(yè)網(wǎng)站建設(shè),伊犁品牌網(wǎng)站建設(shè),網(wǎng)站定制,伊犁網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,伊犁網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
重慶分公司
重慶分公司
//1.定義全局變量
var iStart = 0, searchParams={};
//2.配置datatable的ajax配置項(xiàng)
"ajax": {
"url": "/user/query",
"type": "POST",
//動(dòng)態(tài)請(qǐng)求參數(shù)設(shè)置，會(huì)應(yīng)用到每次請(qǐng)求
"data": function (d) {
//刪除多余請(qǐng)求參數(shù)
for(var key in d){
if(key.indexOf("columns")==0||key.indexOf("order")==0||key.indexOf("search")==0){ //以columns開頭的參數(shù)刪除
delete d[key];
}
}
//附加查詢參數(shù)
if(searchParams){
$.extend(d,searchParams); //給d擴(kuò)展參數(shù)
}
},
//數(shù)據(jù)源處理（當(dāng)數(shù)據(jù)加載完畢時(shí)觸發(fā)）
"dataSrc": function ( json ) {
iStart = json.start + 1; //起始行號(hào)
return json.data;
}
}
//3.查詢按鈕綁定點(diǎn)擊事件
/**
* 搜索
*/
$('.search').click(function () {
reloadTable();
});
//4.刷新表格方法
/**
* 重新加載表格，刷新頁碼
*/
function reloadTable() {
//希望搜索一次附加參數(shù)，修改搜索條件后，如果不點(diǎn)擊搜索按鈕，切換頁碼仍使用上次參數(shù)
var number = $("#number").val();
var name = $("#name").val();
searchParams.number = number;
searchParams.name = name;
var table = $('#userTable').DataTable();
table.ajax.reload();
}
//5.刷新表格，頁碼不變方法
/**
* 刷新表格，不改變頁碼
*/
function refreshTable() {
var table = $('#userTable').DataTable();
table.draw(false);
}
//6.跳頁實(shí)現(xiàn)
$('#example').DataTable().page(5).draw(false)
或者
$('#example').DataTable().page(5).draw('page')以上這篇DataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。
