jquery - 500 - JQuery Ajax 帖子 (ASP.NET MVC) 上的内部服务器错误

Question

首先，我一直在浏览所有我能找到的处理 JQuery Ajax 调用上的错误的帖子，但其中大多数是由于预期返回的数据类型错误，而且我很确定这不是我的问题，因为这代码之前已经工作过。

我想做的是，当我单击其中一个复选框时，我想检索带有模型的部分 View ，并将其填充到我的主视图上的 #selectedProductContainer 中。

这是我的主视图(缩短了很多)以及正在运行的脚本:

@model ProductMainViewModel
<div class="product-list-wrapper">
        @Html.CheckBoxListFor(m => m.PostedProducts.ProductIds,
            m => m.AvalibleProducts,
            entity => entity.Id,
            entity => entity.Name,
            m => m.SelectedProducts,
            m => new { @class = "productCheckboxList productSelected" + m.Id, data_price = m.Price.ToString() })
  </div>
  <div id="selectedProductContainer">

  </div>

<script>
 $(".productCheckboxList[type='checkbox']").change(function () {
        var isChecked = $(this).is(":checked");
        var value = $(this).val();
        if (isChecked) {
            ProductChange(this);
        }

function ProductChange(element) {
        var value = {
            Value: element.value
        }
        var container = $("#selectedProductContainer");
        $.ajax({
            url: "@Url.Action("ProductCalcSelection", "Home")",
            type: "POST",
            data: JSON.stringify(value),
            contentType: "application/json",
            dataType: "html",
            success: function(data) {
                container.append(data);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                alert("error: " + errorThrown);
            }
        });
}
<script>

此调用的 Controller 操作如下所示:

[HttpPost]
    public ActionResult ProductCalcSelection(string value)
    {
        var convertValue = Convert.ToInt32(value);
        var product = db.Products.FirstOrDefault(p => p.Id == convertValue);
        var accessories = db.Accessories.ToList();

        var productViewModel = new ProductFormViewModel
        {
            Product = product,
            Accessories = accessories
        };

        return PartialView("_ProductForm", productViewModel);

这是我的部分 View 的第一个 View 模型:

public class ProductFormViewModel
{
    public Product Product { get; set; }
    public List<Accessory> Accessories { get; set; }
}

这是我的部分观点(简短版本):

@model ProductFormViewModel

<div>
    <span>Hello</span>
</div>

问题是，从 ajax 调用中，我在错误处理的警报框中返回“错误:内部服务器错误”。我已经调试了整个调用，并且我的所有值都是正确的。当 Controller 发回部分 View 和我的 View 模型时，它似乎吓坏了。

在我的脑海里，我觉得这是由于错误的数据类型作为响应，但我期望 html 返回，这就是我应该得到的，对吧？这之前很有效，但我们必须对配件模型进行一些小的更改，我知道问题应该与此更改有关，但我似乎找不到联系。如果需要的话，我也会在这里发布我的类(class):

public class Product : IProduct
{
    [Key]
    public int Id { get; set; }
    public string Name { get; set; }
    public long Price { get; set; }
    public bool HasAccessories { get; set; }
}

public class Accessory : IAccessory
{
    [Key]
    public int Id { get; set; }
    public string Name { get; set; }
    public string CodeName { get; set; }
    public string AccessoryType { get; set; }
    public long Price { get; set; }
    public bool IsMultiplied { get; set; }
    public int ProductId { get; set; }
    //public virtual ICollection<ProductId> ProductIds { get; set; }
}

我们对 Accessory 所做的更改是，我们决定每个 Accessory 只需要一个 ProductId，之前我们使用虚拟 ICollection 来存储多个 Id。该类看起来像这样:

public class ProductId
{
    [Key]
    public int Id { get; set; }
    public int ProductIdHolder { get; set; }

    [ForeignKey("Accessory")]
    public int AccessoryId { get; set; }
    public virtual Accessory Accessory { get; set; }
}

我们现在根本不使用它，而是使用常规的 int ProductId。

对可能出现问题的地方有什么想法吗？

编辑:我正在添加浏览器开发工具错误消息:

发布http://localhost:54213/Home/ProductCalcSelection 500内部服务器错误)发送@jquery-2.1.3.js:8625jQuery.extend.ajax @ jquery-2.1.3.js:8161ProductChange@offer.js:113(匿名函数)@ Offert:179jQuery.event.dispatch @ jquery-2.1.3.js:4430elemData.handle @ jquery-2.1.3.js:4116

offer.js 中的第 113 行是我的 $.ajax 的开始位置。匿名函数的第 179 行是我对 ProductChange() 函数的调用。

Answer 1

正如 @Mackan 和 @gamesmad 在评论中指出的那样，我正在查看错误的错误。当我在 devtools 中打开 Network 并单击 call->Preview 时，我收到一条 asp.net 错误消息，它为我提供了所需的所有信息。就我而言，我忘记更新随更新模型发回的部分 View 。