这个蛋疼的问题 可谓是相当有趣
需求:在第二页修改或者编辑内容完成后,重新加载页面(局部刷新),希望留在本页面中 ,即第二页!
一开始以为要往后台传输 当前页 ,数据起始行数 即limit start,size 这个两个信息
结果写了两个小时都不好使 ,最后去官网一看 ,奶奶的,直接想砸电脑的冲动有木有
官网:
var
table = $(
'#example'
).DataTable();
// Sort by column 1 and then re-draw
table
.order( [[ 1,
'asc'
]] )
.draw(
false
);
解读过来可以简单的认为 table.draw(false);
便可以实现当前页重新加载的情况
在需要重新加载的地方 写上这一句便可!很蛋疼的玩意
贴出代码 ,方便朋友理解:
$.ajax({
url: "/settle-account/benefit/subPay.action",
type: "POST",
data: {
"userId": userId,
"billId": billNo,
"payType": subPayType,
"returnNumber": CBNo,
"subStartTime": subStartTime,
"payer": payer,
},
beforeSend: function () {
// 禁用按钮防止重复提交,发送前响应
//$("#submit").attr({ disabled: "disabled" });
$("#submsg").html("正在提交还款申请,请稍后...");
},
success: function(data) {
if (data == 0) {
closeConfirmWindow();
openModalWindow("还款处理中,请稍后查看账单列表!");
setTimeout('bc_Table.draw(false)', 3000); //重新加载bc_Table.ajax.reload()
} else {
$("#submsg").html("还款失败,请重新提交...");
}
},
complete: logout
});
};
url: "/settle-account/benefit/subPay.action",
type: "POST",
data: {
"userId": userId,
"billId": billNo,
"payType": subPayType,
"returnNumber": CBNo,
"subStartTime": subStartTime,
"payer": payer,
},
beforeSend: function () {
// 禁用按钮防止重复提交,发送前响应
//$("#submit").attr({ disabled: "disabled" });
$("#submsg").html("正在提交还款申请,请稍后...");
},
success: function(data) {
if (data == 0) {
closeConfirmWindow();
openModalWindow("还款处理中,请稍后查看账单列表!");
setTimeout('bc_Table.draw(false)', 3000); //重新加载bc_Table.ajax.reload()
} else {
$("#submsg").html("还款失败,请重新提交...");
}
},
complete: logout
});
};
如上,本来重新加载table表格 是:bc_Table.ajax.reload(); 换成 bc_Table.draw(false); 便是重新加载当前页 ,在分页的前提下 加载后
还是在当前页
官网的强大可见一斑!