在.NET.net mvc中使用JQuery和渲染局部视图的问题

时间:2011-08-13 15:26:48

标签: jquery asp.net-mvc

我已宣布一项行动如下:

public ActionResult EditComment(int id)
        {
            try
            {
                var comment = commentRepository.GetItem(id);

                return PartialView("Comment",comment);
            }
            catch
            {
                return Content("Error!");
            }
        }

这就是我的观点:

.....
<%:Html.ActionLink(GlobalText.Edit,"#", null, new { @class="EditLink",id=item.CommentID})%>
.....

<div id="link">

</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('.EditLink').click(function () {
            var idval = this.id;
            $.ajax({
                url: "/Articles/EditComment",
                data: { id: idval },
                success: function (mydata) {
                    $("#link").empty().append(mydata);
                },
                type: "POST"
            });
            return false;
        });
    });

当我点击带有'EditLink'类的链接时,应用程序会通过运行操作结果,但是'$(“#link”)。empty()。append(mydata);' jquery不起作用,我什么都没得到!

1 个答案:

答案 0 :(得分:0)

尝试更改public ActionResult - to PartialResult EditComment(int id)

$(document).ready(function () {
     $(".EditLink").each(function(){
         $(this).click(function () {
        var idval = this.id;
        $.ajax({
            url: "/Articles/EditComment",
            data: { id: idval },
            success: function (mydata) {
                $("#link").empty().append(mydata);
            },
            type: "POST"
        })
     });

}