首先，我一直在浏览所有我能找到的处理 JQuery Ajax 调用上的错误的帖子，但其中大多数是由于预期返回的数据类型错误，而且我很确定这不是我的问题，因为这段代码已经工作了前。
我想做的是，当我单击其中一个复选框时，我想检索带有模型的部分视图，并将其填充到主视图上的 #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>
此调用的控制器操作如下所示：
[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);
首先是我的部分视图的视图模型：
public class ProductFormViewModel
{
public Product Product { get; set; }
public List<Accessory> Accessories { get; set; }
}
这是我的部分观点（简短版本）：
@model ProductFormViewModel
<div>
<span>Hello</span>
</div>
问题是，从 ajax 调用中，我在错误处理的警报框中返回“错误：内部服务器错误”。
我已经调试了整个调用，并且我的所有值都是正确的。当控制器发回部分视图和我的视图模型时，它似乎吓坏了。
在我内心深处，我觉得这是由于错误的 dataType 作为响应，但我期望 html 返回，这就是我应该得到的，对吗？
这之前很有效，但我们必须对配件模型进行一些小更改，我知道问题应该与此更改有关，但我似乎找不到联系。
如果需要的话，我也会在这里发布我的课程：
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。
对可能出什么问题有什么想法吗？
编辑：我正在添加浏览器开发工具错误消息：
POST http://localhost:54213/Home/ProductCalcSelection http://localhost:54213/Home/ProductCalcSelection500内部服务器错误）
发送@jquery-2.1.3.js:8625
jQuery.extend.ajax @ jquery-2.1.3.js:8161
ProductChange@offer.js:113
（匿名函数）@ Offert：179
jQuery.event.dispatch @ jquery-2.1.3.js:4430
elemData.handle @ jquery-2.1.3.js:4116
Offert.js 中的第 113 行是我的 $.ajax 的开始位置。
匿名函数的第 179 行是我对 ProductChange() 函数的调用。
