Ajax 获取 500 错误

Question

我正在尝试将下拉列表中的选定值发送到控制器并取回 json 数据。

当我调试时，参数很好地到达控制器，值很好地检索，但是在控制台上返回部分后它说

"加载资源失败：服务器响应状态为 500 (Internal Server Error)`"

这是我的控制器操作：（WebContentsController）

[HttpGet]
public JsonResult GetWebContentTypeDetails (int id)
{
    var details = db.WebContentTypeDetail.Where(x=>x.WebContentTypeID == id).ToList();
    return Json(details, JsonRequestBehavior.AllowGet);
}

这是 JS 部分（打印到控制台进行测试）

$(document).ready(function () {
    $("#WebContentTypeID").change(function () {
        var ChangedID = $('#WebContentTypeID option:selected').val();
        alert(ChangedID);
        $.getJSON('/webcontents/GetWebContentTypeDetails/' + ChangedID, function (data) {
            console.log(data);
        })
    });
});

编辑：

WebContentTypeDetail 模型

public partial class WebContentTypeDetail
    {
        public int WebContentTypeDetailID { get; set; }
        public int WebContentTypeID { get; set; }
        public string DetailKey { get; set; }
        public string Description { get; set; }
        public Nullable<short> Rank { get; set; }

        public virtual WebContentType WebContentType { get; set; }
    }

WebContentType 模型

public partial class WebContentType
    {
        [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2214:DoNotCallOverridableMethodsInConstructors")]
        public WebContentType()
        {
            this.WebContent = new HashSet<WebContent>();
            this.WebContentTypeDetail = new HashSet<WebContentTypeDetail>();
        }

        public int WebContentTypeID { get; set; }
        public string DisplayName { get; set; }
        public string CreatedByUserID { get; set; }
        public System.DateTime CreateDate { get; set; }
        public string LastEditedByUserID { get; set; }
        public Nullable<System.DateTime> LastEditDate { get; set; }

        [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2227:CollectionPropertiesShouldBeReadOnly")]
        public virtual ICollection<WebContent> WebContent { get; set; }
        [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2227:CollectionPropertiesShouldBeReadOnly")]
        public virtual ICollection<WebContentTypeDetail> WebContentTypeDetail { get; set; }
    }

Answer 1

您不能直接从上下文查询结果中返回实体列表，因为它们在大多数情况下是不可序列化的，尤其是在您的情况下：实体有循环引用。

你有两个选择：

var details = db.WebContentTypeDetail.Where(x=>x.WebContentTypeID == id)

1. 将您的结果映射到匿名对象列表：

   return Json(details.select(x=>new {
     //you data structure
   }).ToList(), JsonRequestBehavior.AllowGet);
   

2. 创建您的视图模型并将其标记为[Serializable]，然后将必要的数据返回给客户端：

   return Json(details.select(x=>new YourViewModel {
    //you data structure
   }).ToList(), JsonRequestBehavior.AllowGet);
   

Answer 2

试试这个：

$(document).ready(function () {
$("#WebContentTypeID").change(function () {
    var ChangedID = $('#WebContentTypeID option:selected').val();
    alert(ChangedID);
    $.getJSON('/webcontents/GetWebContentTypeDetails?id=' + ChangedID, function (data) {
        console.log(data);
    })
});
});

作为参数 id 应该作为查询字符串传递。如果您使用的是 mvc，那么 url 应该在 @url.action 中传递，所以它必须是

$(document).ready(function () {
$("#WebContentTypeID").change(function () {
    var ChangedID = $('#WebContentTypeID option:selected').val();
    alert(ChangedID);
 var URL = @Url.Action("_GetWebContentTypeDetails", "webcontents");

    $.getJSON(URL + '?id=' + ChangedID, function (data) {
        console.log(data);
    })
});
});