从 JavaScript 调用 ASP.NET MVC 操作方法 [英] Calling ASP.NET MVC Action Methods from JavaScript

问题描述

我有这样的示例代码:

 
<a onclick="addToCart('@Model.productId');"class="button"><span>加入购物车</span></a>
<div class="wishlist"><a onclick="addToWishList('@Model.productId');">添加到愿望清单</a>

<div class="比较"><a onclick="addToCompare('@Model.productId');">添加到比较</a>

如何编写 JavaScript 代码来调用控制器操作方法?

解决方案

使用 jQuery ajax:

function AddToCart(id){$.ajax({url: 'urlToController',数据:{id:id}}).完成(功能(){警报('添加');});}

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

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?

解决方案

Use jQuery ajax:

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

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

这篇关于从 JavaScript 调用 ASP.NET MVC 操作方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！