What is the right pattern for using JQuery Ajax and ASP.Net Mvc?

Question

I'm very new to both the Mvc framework as well as JavaScript and JQuery. I'm trying to understand the right way to structure Ajax calls.

Let's say I have a Vote Up button similar to what you see on StackOverflow. When the user clicks it I need to update the vote count in the database and return the new value to the UI. Currently I am achieving this by having an action called VoteUp on the PostsController which takes an int postID as a parameter.

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.
    }
}

I'm then calling this method via ajax by invoking the url "http://example.com/posts/voteUp?postId=5". I then return an JSon ActionResult with the new value to update the UI with.

Is this the right way to implement this? Again, I'm totally new to both javascript and jquery. I'm used to doing everything as click event handlers in asp.net webforms. Any guidance would be appreciated.

Excellent question, ASP.NET-MVC includes ASP.NET AJAX but jquery also supports ajax, it would intresting to know how if at all these interact. — AnthonyWJones
– AnthonyWJones, Commented Jan 12, 2009 at 21:37

Craig Stuntz · Accepted Answer · 2009-01-12 21:36:56Z

12

Yes, it sounds like you've got it about right.

Note, however, that if you change postId to Id, then you could call with a URL like:

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

(With the default routing.) It's a question of personal preference.

answered Jan 12, 2009 at 21:36

Craig Stuntz

127k12 gold badges257 silver badges275 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ryan Lanciaux Over a year ago

I would use the JsonResult instead of the standard ActionResult. You could simply return voteCount;

Ryan Lanciaux · Accepted Answer · 2009-01-12 21:45:26Z

3

I would approach this using jQuery and JsonResult Controller. Your jQuery code would call the JsonResult which would pass the pertinent information off to the model code to handle adding a new vote. I wrote a brief tutorial on similar concepts which is available at http://www.dev102.com/2008/08/19/jquery-and-the-aspnet-mvc-framework/

edited Jan 12, 2009 at 21:45

answered Jan 12, 2009 at 21:38

Ryan Lanciaux

5,9442 gold badges40 silver badges49 bronze badges

Collectives™ on Stack Overflow

What is the right pattern for using JQuery Ajax and ASP.Net Mvc?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related