jQuery的数据表刷新不刷新页面

Question

我使用jQuery DataTables这里是我的表目前是这样的：现在

，截至目前，当我点击Deactivate我使用AJAX调用我的WebAPI方法将该记录设置为active = false ..因此表格中的复选框应该取消选中。

public IHttpActionResult Deletecode_AutoMake(int id) 
{ 
    code_AutoMake code_AutoMake = db.code_AutoMake.Find(id); 
    if (code_AutoMake == null) 
    { 
     return NotFound(); 
    } 

    code_AutoMake.Active = false; 
    db.Entry(code_AutoMake).State = EntityState.Modified; 
    db.SaveChanges(); 

    return Ok(code_AutoMake); 
} 

这一切都按预期工作..但表不重装，除非如果我刷新页面看到的复选框取消选中实际。

这是我的DataTable如何设置。

$("#Auto-Make-Table").on("click", 
    ".js-automake-delete", 
    function() { 

     var link = $(this); 
     var autoMakeName = $(this).data("automake-name"); 
     var autoMakeId = $(this).data("automake-id"); 

     bootbox.confirm("Are you sure you want to delete this auto make?", 
      function (result) { 
       if (result) { 
        $.ajax({ 
         url: infoGetUrl + autoMakeId, 
         method: "DELETE", 
         success: function() { 
          autoMakeTable.reload(); 
          toastr.success(autoMakeName + " successfully deleted"); 
         }, 
         error: function (jqXHR, textStatus, errorThrown) { 
          var status = capitalizeFirstLetter(textStatus); 
          var error = $.parseJSON(jqXHR.responseText); 
          console.log(error); 
          toastr.error(status + " - " + error.exceptionMessage); 
         } 
        }); 
       } 
      }); 
    }); 

我的问题/目标是..我如何让表刷新/重新加载本身，而不实际页面刷新？

任何帮助表示赞赏。

跟此之一：：

UPDATE

autoMakeTable.ajax.reload();使用

接收此错误尝试

Answer 1

假设你的数据表上这样分配，

var myDataTable = $('#myTableId').DataTable({ 
    //Rest code 
}) 

然后你success method为停用里面，您只需要重新加载数据表这样，

success: function() 
{ 
    myDataTable.ajax.reload(); 
    //rest code 
} 

你忘了加ajax。请查看official link以了解更多信息。

更新：

如果你的部分看法是strongly typed，然后调用在成功的方法，你的操作方法，并使其一样，在你上面的成功方法，

success: function() 
{ 
    $.ajax({ 
     url: "@Url.Action("Index", "code_AutoMake")", //As you have mentioned in the chat 
     method: "GET", 
     success: function (data) 
     { 
     //Here just render that partial view like 
     $("#myDiv").html('').html(data); //This will empty first then render the new data 
     } 
     }) 

注：这里myDiv是div的id，你的表位于哪里。

希望它能帮助:)

Answer 2

在您的php文件或其中可能包含的文件中创建一个与您当前的html结构相同的表格，而不是通过执行ajax调用而收到的新数据。

$.post("newTable.php", function(data) { 
    $(".currentTable").html(data); 
});