控制器操作的Ajax帖子在Chrome控制台中出现“500（内部服务器错误）”错误

-1

我正在构建一个购物车，并且我有一个将项目添加到ShoppingCart的成功方法。但是，除去这些项目，我使用了Ajax调用它是不成功的，给了以下错误：控制器操作的Ajax帖子在Chrome控制台中出现“500（内部服务器错误）”错误

POST http://localhost:62745/ShoppingCart/RemoveFromCart 500 (Internal Server Error)

的remove按钮链接应该叫在我的购物控制器的RemoveFromCart（）方法，得到一个JSON对象并更新多个页面元素。我想在这个论坛的建议，但他们不帮助：http://mvcmusicstore.codeplex.com/discussions/244052

我也跟着本教程为构建购物车：https://docs.microsoft.com/en-us/aspnet/mvc/overview/older-versions/mvc-music-store/mvc-music-store-part-8

这是JavaScript在购物车页面：

<script src="/Scripts/jquery-3.1.1.min.js" 
     type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     // Document.ready -> link up remove event handler 
     $(".RemoveLink").click(function() { 
      // Get the id from the link 
      var recordToDelete = $(this).attr("data-id"); 
      if (recordToDelete != '') { 
       // Perform the ajax post 
       $.post("/ShoppingCart/RemoveFromCart", { "id": recordToDelete }, 
        function (data) { 
         // Successful requests get here 
         // Update the page elements 
         if (data.ItemCount == 0) { 
          $('#row-' + data.DeleteId).fadeOut('slow'); 
         } else { 
          $('#item-count-' + data.DeleteId).text(data.ItemCount); 
         } 
         $('#cart-total').text(data.CartTotal); 
         $('#update-message').text(data.Message); 
         $('#cart-status').text('Cart (' + data.CartCount + ')'); 
        }); 
      } 
     }); 
    }); 
</script>

删除链接将与每一个新项目将显示在页面的购物车在第四<td>列：

@foreach (var item in Model.CartItems) 
    { 
     <tr id="[email protected]"> 
      <td> 
       @item.Product.Name 
      </td> 
      <td> 
       @item.Product.Price 
      </td> 
      <td id="[email protected]"> 
       @item.Count 
      </td> 
      <td> 
       <a href="#" class="RemoveLink" data-id="@item.RecordId">Remove</a> 
      </td> 
     </tr> 
    }

以下是在ShoppingCartController的RemoveFromCart方法应该在JavaScript调用：

// AJAX: /ShoppingCart/RemoveFromCart/5 
     [HttpPost] 
     public ActionResult RemoveFromCart(int id) 
     { 
      var cart = ShoppingCart.GetShoppingCart(this.HttpContext); 
      var productName = db.Carts.Single(c => c.ProductId == id).Product.Name; 

      int itemCount = cart.RemoveItemFromCart(id); 

      var results = new ShoppingCartRemoveViewModel 
      { 
       Message = Server.HtmlEncode(productName) + 
        " has been removed from your shopping cart.", 
       CartTotal = cart.GetTotal(), 
       CartCount = cart.GetCount(), 
       ItemCount = itemCount, 
       DeleteId = id 
      }; 

      return Json(results); 
     }

来源

2017-03-01 naz786

你必须调试你的控制器动作。 –

我可以想象的唯一原因是你的javascript混合在视图中，所以它创建一个数组并试图传递数组而不是单个值如果你确定一切都很好，并且传递了单个整数，请记住，jquery .attr返回字符串，而不是int。它并不重要，因为它应该由ASP.NET MVC数据绑定器进行分析。但是，你可以尝试使用jquery将传递值解析为Int，或者将方法中的id类型从int更改为字符串类型。 – faint220

'500（内部服务器错误）'表示控制器方法抛出异常。使用浏览器工具 - 网络选项卡 - 检查将给出例外细节的响应。 –

有一个在RemoveFromCart一个错误（）method.This方法将车对象的的recordId的参数是一车的主键项目被删除。我是假设参数的方法是车表产品属性：

var productName = db.Carts.Single(c => c.ProductId == id).Product.Name;

我改变c.ProductId到c.RecordId，因为是在车表的主键，这将让我获得产品来自正在移除的购物车项目的名称。

来源

2017-03-02 12:06:07 naz786

它看起来像你试图调用传递id作为POST请求的身体的一部分行动。如果您查看动作// AJAX: /ShoppingCart/RemoveFromCart/5上方的评论，则会看到路由器期望它成为网址的一部分。

尝试改变

$.post("/ShoppingCart/RemoveFromCart/", { "id": recordToDelete }

到

$.post("/ShoppingCart/RemoveFromCart/"+recordToDelete,

来源

2017-03-01 16:46:26 phuzi

这种情况并不重要。只有当他在绑定ID参数旁边有'FromBody' – faint220

控制器操作的Ajax帖子在Chrome控制台中出现“500（内部服务器错误）”错误

回答

相关问题