寻找使用jQuery的MVC 3教程

Question

我正在看一个教程，它展示了如何调用MVC操作并传递参数。我有一个动态的“评论框”，我需要保存到数据库。我想使用jQuery将评论数据发送到一个REST方法来处理它。

我还需要用MVC操作返回的数据刷新部分页面。数据返回为JSON。

我从斯科特·格思里那里见过，但那是用回发的。我需要通过jQuery进行异步通信。

非常简单和小的教程将非常有用。

谢谢

编辑：我将使用jQuery的$.ajax()调用

Answer 1

假设您的视图上有一个允许用户发布评论的表单：

@using (Html.BeginForm("Save", "Comment", FormMethod.Post, new { id = "commentForm" }))
{
    @Html.TextAreaFor(x => x.Comment)
    <input type="submit" value="Comment" />
}
<div id="result"></div>

您可以使用AJAXify使用jQuery：

$(function() {
    $('#commentForm').submit(function() {
        $.ajax({
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function(result) {
                // refresh some part of the DOM based ion the result
                $('#result').html(result.someProperty);
            }
        });
        return false;
    });
});

以及一个控制器操作，它将保存注释并返回一个JSON对象，该对象可用于成功回调：

[HttpPost]
public ActionResult Save(string comment)
{
    // TODO: save the comment
    return Json(new { someProperty = "some value" });
}

和这里有一个教程关于渐进增强与ASP.NET MVC 3和jQuery。