如何在ASP中使用jQuery datatable 1.10在成功插入后刷新表?
我的datatable代码如下:如何在ASP中使用jQuery datatable 1.10在成功插入后刷新表?,jquery,asp.net,ajax,Jquery,Asp.net,Ajax,我的datatable代码如下: function FnRetrieveSuccess(result) { $res = JSON.parse(result.d); console.log(result.d); $("#tblData tbody").empty(); for ($i = 0; $i < $res.length; $i++) { $("#tblData tbody").append("&
function FnRetrieveSuccess(result) {
$res = JSON.parse(result.d);
console.log(result.d);
$("#tblData tbody").empty();
for ($i = 0; $i < $res.length; $i++) {
$("#tblData tbody").append("<tr id=" + $res[$i].ID + " style='cursor:pointer'><td>" + $res[$i].ID + "</td><td>" + $res[$i].Name + "</td><td>" + $res[$i].ServeceArea + "</dt><td>" + $res[$i].Admin_type + "</td><td><a class='fa fa-pencil'></a><a style='color:red;margin-left:15px; 'class='fa fa-times' onclick='FnDeleteRow(" + $res[$i].ID + ")'></a></td></tr>");
}
if (!$.fn.dataTable.isDataTable('#tblData')) {
table1 = $('#tblData').DataTable();
}
else {
table1 = $("#tblData").DataTable({
"responsive": true,
"processing": true,
"serverSide": true,
"pageLength": 5,
"lengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
"ordering": true,
"columnDefs": [{ "targets": 6, "orderable": false }],
"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$(nRow).attr("id", aData[0]);
return nRow;
}
});
}
}
函数FnRetrieveSuccess(结果){
$res=JSON.parse(result.d);
console.log(result.d);
$(“#tblData tbody”).empty();
对于($i=0;$i<$res.length;$i++){
$(“#tblData tbody”).append(“++res[$i].ID++++$res[$i].Name++$res[$i].ServeceArea++++$res[$i].Admin_type+”);
}
if(!$.fn.dataTable.isDataTable('#tblData')){
表1=$('#tblData')。数据表();
}
否则{
表1=$(“#tblData”).DataTable({
“响应”:正确,
“处理”:对,
“服务器端”:正确,
“页面长度”:5,
“长度菜单”:[[5,10,25,50,-1],[5,10,25,50,“全部”],
“排序”:正确,
“columnDefs”:[{“targets”:6,“orderable”:false}],
“fnRowCallback”:函数(nRow、aData、iDisplayIndex、iDisplayIndexFull){
$(nRow).attr(“id”,aData[0]);
返回nRow;
}
});
}
}
此处是重新加载表的代码,但它显示了一个错误:
TypeError:table1.fnDestroy不是一个函数
试试这个:
$('#table_id').DataTable().ajax.reload();
// It will reload the datatable by again calling the ajax of datatable
现在将这些行添加到Datatable中
table.row.add([row1,row2,row3,row4,row5]).draw(false);
添加destroy属性并尝试以下代码
table.ajax.reload();
我尝试使用table1.DataTable().ajax.reload();DataTables警告:table id=tblData-无效JSON响应是哪个错误。有关此错误的更多信息,请参见TypeError:g为null…,b,i,a):(a.jqXHR=h.ajax(h.extend(n,g)),g.data=f)}函数lb(a){返回a.bAjaxDa…它不显示错误,但在insertable.row.add([row1,row2,row3,row4,])。draw(false);使用方法函数finsertsuccess添加数据(result){if(result.d==“Success”){console.log(“插入的数据”);var table=$('tblData').DataTable({“destroy”:true});table.ajax.reload();$(“#name”).val(“”;$(“#uname”).val(“”;$(“#pwd”).val(“”;)我无法理解流程。这是我要执行逻辑的函数。请为我设置它
table.ajax.reload();