使用 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/