jquery DataTables 重新加载而不刷新页面

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);
}

这一切都按预期工作..但是表格不会重新加载，除非我刷新页面以查看该复选框实际上未选中。

这是我的数据表的设置方式。

$("#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);
                        }
                    });
                }
            });
    });

我的问题/目标是..如何让表格在不刷新实际页面的情况下自行刷新/重新加载？

感谢任何帮助。

更新

尝试使用autoMakeTable.ajax.reload();

收到此错误:

接下来是这个:

Answer 1

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

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

然后在您的成功方法中进行停用，您只需像这样重新加载数据表，

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

您忘记添加ajax。请检查这个official link了解更多信息。

更新:

如果您的分部 View 是强类型，则在 success 方法中调用您的操作方法并渲染它，例如，在上面的 success 方法中，

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。

希望有帮助:)