MVC3学习：利用mvc3+ajax实现删除记录

首先根据模板生成list视图，上面就会有一个delete的链接，但是模板自带的这种删除，需要另外再打开一个删除页，再进行删除。我们可以利用ajax来改写，实现在当前页删除。

在视图上面，将原来的

@Html.ActionLink("Delete", "Delete", new { id=item.Uid })

改为

<a href="#" name="delete" id="@item.Uid">Delete</a>

接着编写JQuery ajax

<script type="text/javascript">
    $(function () {
        $("[name='delete']").click(function () {
            if (confirm("确定要删除此记录?")) {
                var Uid = $(this).attr("id");
                var tr = $(this).parent().parent();
                $.post("delete", { id: Uid },
                function (data) {
                    if (data == "-1") {
                        alert("删除失败");
                        return false;
                    }
                    else {
                        $(tr).remove();
                        alert("删除成功");
                    }
                }
                );
            }
        });
    });
</script>

此处将参数id返回给方法delete进行处理，处理完成后将结果再返回回来。

因此，接着在控制器里面编写delete方法

     public ActionResult delete(int id)
        {
            try
            {
                if (Request.IsAjaxRequest())
                {

                    Users u = db.Users.Find(id);
                    db.Users.Remove(u);
                    int n = db.SaveChanges();
                    return Content(n.ToString());
                }
                return Content("-1");
            }
            catch
            {
                return View();
            }
        }

我用的EF code first的删除记录方法。先根据find(id)找到此行记录，然后调用remove删除。

注意此处的参数名为id，必须要和ajax里面返回的参数名id一样。要用Request.IsAjaxRequest()来判断是否使用ajax处理数据。