Javascript 如何使用jquery添加或删除部分视图Asp.net mvc?

Javascript 如何使用jquery添加或删除部分视图Asp.net mvc?,javascript,jquery,asp.net-mvc-4,Javascript,Jquery,Asp.net Mvc 4,我有一个网格(剑道网格),当对网格的任何记录执行编辑功能时,我使用Jquery调用部分视图。现在我想在提交部分视图后,将其从主视图中删除。 我的渲染局部视图功能是: function ShowEditRecord(e) { var dataItem = this.dataItem($(e.currentTarget).closest("tr")); $.ajax( { url: '/Home/TestEdit/'+dataItem.Id

我有一个网格(剑道网格),当对网格的任何记录执行编辑功能时,我使用Jquery调用部分视图。现在我想在提交部分视图后,将其从主视图中删除。 我的渲染局部视图功能是:

  function ShowEditRecord(e) {
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    $.ajax(
        {
            url: '/Home/TestEdit/'+dataItem.Id.toString(),
            contentType: 'application/html; charset=utf-8',
            type: 'Get',
            dataType: 'html'
        })
    .success(function(result)
    { $('#EditTestSection').html(result); })
我的控制器代码是:

   public ActionResult TestEdit(Int64 Id)
    {
        var modelItem=getT().Where(a => a.Id == Id).FirstOrDefault();
        return View (modelItem);
    }
    [HttpPost]
    public ActionResult TestEdit(Models.Test Test)
    {
        base.Update(Test);
        return View();
    }

发生后编辑功能:

您可以使用
empty()
从局部视图中清除标记:

$('#EditTestSection').empty()

jQuery的empty()函数将删除元素的所有子节点和文本,因此您可以使用

$('#EditTestSection').empty();

如何知道我的偏袒成功?我应该何时使用此代码?我假设屏幕截图中显示的渲染部分已经正常工作。您的“提交查询”按钮是否还没有正常工作?不是在成功发布后返回视图,而是返回json,返回成功代码
returnJSON(new{success=true})
。然后在AJAX成功处理程序中检查该值以确定是否清除div。您可以看到类似的示例。