使用 JQuery Ajax 和 ASP.Net Mvc 的正确模式是什么？

Question

我对 Mvc 框架以及 JavaScript 和 JQuery 都很陌生。 我试图了解构建 Ajax 调用的正确方法。

假设我有一个类似于您在 StackOverflow 上看到的Vote Up按钮。 当用户单击它时，我需要更新数据库中的投票计数并将新值返回给 UI。 目前，我具有称为操作实现这一VoteUp在PostsController这需要一个int postID作为参数。

public PostsController : Controller
{
    public ActionResult VoteUp(int postId)
    {
        //Increment Post Vote Count
        return Json(voteCount); //Return just the new vote count as a JSon result.
    }
}

然后我通过 ajax 调用这个 url “ http://example.com/posts/voteUp?postId=5 ”来调用这个方法。 然后我返回一个带有新值的 JSon ActionResult 来更新 UI。

这是实现这一点的正确方法吗？ 同样，我对 javascript 和 jquery 都是全新的。 我习惯于在 asp.net webforms 中做所有事情作为点击事件处理程序。 任何指导将不胜感激。

Answer 1

是的，听起来你说得对。

但是请注意，如果将 postId 更改为 Id，则可以使用如下 URL 进行调用：

http://example.com/posts/voteUp/5

（使用默认路由。）这是个人喜好的问题。

Answer 2

我会使用 jQuery 和 JsonResult 控制器来解决这个问题。 您的 jQuery 代码将调用 JsonResult，它将相关信息传递给模型代码以处理添加新投票。 我写了一个关于类似概念的简短教程，可在http://www.dev102.com/2008/08/19/jquery-and-the-aspnet-mvc-framework/