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处理数据。

巴特西

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

最新文章

热门文章