Calling ASP.NET MVC Action Methods from JavaScript

Question

I have sample code like this:

 <div class="cart">       <a onclick="addToCart('@Model.productId');" class="button"><span>Add to Cart</span></a>  </div>  <div class="wishlist">       <a onclick="addToWishList('@Model.productId');">Add to Wish List</a>  </div>  <div class="compare">       <a onclick="addToCompare('@Model.productId');">Add to Compare</a>  </div>     

How can I write JavaScript code to call the controller action method?

Answer 1

Use jQuery ajax:

function AddToCart(id) {    $.ajax({       url: 'urlToController',       data: { id: id }    }).done(function() {       alert('Added');     }); } 

http://api.jquery.com/jQuery.ajax/

Answer 2

Simply call your Action Method by using Javascript as shown below:

var id = model.Id; //if you want to pass an Id parameter window.location.href = '@Url.Action("Action", "Controller")/' + id; 

Hope this helps...