Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在ASP中使用jQuery datatable 1.10在成功插入后刷新表?_Jquery_Asp.net_Ajax - Fatal编程技术网

如何在ASP中使用jQuery datatable 1.10在成功插入后刷新表?

如何在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("&

我的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("<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();