子对象在 Ajax 发布后返回 Null

Question

我正在使用应该刷新部分视图的 Ajax 帖子提交一些信息。信息被发送到数据库，但是在返回部分视图时，Fees.Feetype 数据无法呈现，因为它为空。

在手动刷新时，Fees.FeeType 的渲染没有问题。

如何在 ajax 发布后将 FeeType 包含在部分视图中？

型号

    public class Members
    {
        public virtual ICollection<Fees> Fees { get; set; }
    }
    public class Fees
    {
            public int FeeTypesId { get; set; }
            public virtual FeeTypes FeeType { get; set; }
            public virtual Members Members { get; set; }
    }
    public class FeeTypes
    {
        public int Id { get; set; }
        public string FeeTypeName { get; set; }
    }

Ajax 帖子

            var token = $('[name=__RequestVerificationToken]').val();
            var postData = {
                __RequestVerificationToken: token,
                FeeOccurence: feeOccField.val(),
                FeeAmount: amountField.val(),
                FeeStatus: statusField.val(),
                FeeTypesId: typeField.val(),
                FeeDate: dateField.val(),
                MemberNo: memberNo
            };
            $.ajax({
                url: '/Members/AddFees',
                type: 'POST',
                data: postData,
                success: function (members) {
                    alert(result);
                    $("#details").html(members);
                },
                error: function (result) {
                    alert(result);
                },
                traditional: true

控制器

        public ActionResult AddFees (Fees fees)
        {
            if (ModelState.IsValid)
            {

                db.Fees.Add(fees);

                db.SaveChanges();

                Members members = new Members();
                members = db.Members.Find(fees.MemberNo);

                return PartialView("~/Views/Members/_MemberDetails.cshtml", members);
            }
        }

观看次数

@model AccPortal.Models.Members
    <div class="col-md-7 md-fees" id ="details">
        @Html.Partial("_MemberDetails", Model)
    </div>
    //This is the partial view.    
        @model AccPortal.Models.Members
            @foreach (var item in Model.Fees)
            {
//The error happens on this line but all other Fees properties are rendered without issue.
                <td class="md-fee-value"data-type="status">@item.FeeType.FeeTypeName</td>
            }

Answer 1

这些是您需要在代码中更改的内容，

首先，像这样从你的 Action 方法返回一个带有模型的局部视图，

return PartialView("_MemberDetails", members);

Datatype 应该是 ajax 方法中的 html。因此，在 ajax 方法中添加此波纹管。你可以在这行后面加上这行data: postData,

dataType: "html",

现在在你的ajax成功方法中，改成这样，

success: function (members) {
             //alert(result);  what is result here, that you have written
             $("#details").html(''); //first make it blank then render
             $("#details").html(members);
            },

在您的局部视图中，您需要在渲染值之前检查 FeeType 是否存在，

@model AccPortal.Models.Members
@foreach (var item in Model.Fees)
 {  
  if(item.FeeType != null)
   <td class="md-fee-value"data-type="status">@item.FeeType.FeeTypeName</td>
  else
   <td class="md-fee-value"data-type="status"></td> //You can write NA here
 }

Answer 2

null 类型的问题最终是延迟加载。

在保存更改并包含 Fees.FeeTypes 以返回正确填充的模型后，我必须重新查询数据库。

        members = db.Members.Find(fees.MemberNo);
        members.Fees = db.Fees.Include(x => x.FeeType).Where(x => x.Members.MemberNo.Equals(x.MemberNo)).ToList();

Answer 3

您需要在填充列表之前检查null 值以避免null exception

 @model AccPortal.Models.Members
            @foreach (var item in Model.Fees)
            {
              if(item.FeeType != null)
                <td class="md-fee-value"data-type="status">@item.FeeType.FeeTypeName</td>
            }

因为某些数据可能会丢失而导致问题，因此在if 条件下，它将仅填充not null 的数据