ASP.NET MVC 4 JSON Binding vào Model View - Lỗi đối tượng lồng nhau

Question

Tôi gặp vấn đề với json liên kết với mô hình khung nhìn. Đây là mã của tôi:

phần của ViewModels của tôi (AddressViewModel có nhiều thuộc tính):

public class AddressViewModel 
{ 
     [Display(Name = "Address_Town", ResourceType = typeof(Resources.PartyDetails))] 
     public string Town { get; set; } 

     [Display(Name = "Address_Country", ResourceType = typeof(Resources.PartyDetails))] 
     public Country Country { get; set; } 
} 

public class Country : EntityBase<string> 
{ 
     public string Name { get; set; } 

     protected override void Validate() 
     { 
      if (string.IsNullOrEmpty(Name)) 
      { 
       base.AddBrokenRule(new BusinessRule("CountryName", "Required")); 
      } 
     } 
} 

Javascript:

$(document).on("click", "#addAddress", function() { 
      var jsonData = { 
       "Town": $('#txt-Town').val(), 
       "District": $('#txt-District').val(), 
       "Street": $('#txt-Street').val(), 
       "PostCode": $('#txt-PostCode').val(), 
       "FlatNumber": $('#txt-FlatNumber').val(), 
       "PremiseName": $('#txt-PremiseName').val(), 
       "PremiseNumber": $('#txt-Premisenumber').val(), 
       "Country": { 
        "Name": $('#txt-Country').val(), 
       } 
      }; 
      var addressData = JSON.stringify(jsonData); 
      $.ajax({ 
       url: '/Customer/SaveAddress', 
       type: "POST", 
       dataType: "json", 
       contentType: "application/json; charset=utf-8", 
       data: addressData, 
       success: function (result) { 
        $("#addIndividualAddressDialog").data("kendoWindow").close(); 
       }, 
       error: function (result) { 
        alert("Failed"); 
       } 

      }); 
     }); 

Tiêu đề của bộ điều khiển:

[HttpPost] 
public ActionResult SaveAddress(AddressViewModel addressViewModel) 

Đây là những gì Tôi thấy bằng firebug:

Và đây là những gì tôi nhìn thấy trong VS:

Như bạn có thể thấy một trang thuộc đồng bằng được binded đúng nhưng đối tượng lồng nhau của tôi (Quốc gia) là null. Tôi đọc rất nhiều bài báo khác nhau và tôi vẫn không biết mình đang làm gì sai. Làm ơn giúp tôi với!

Answer 1

Vấn đề là từ tham số phương pháp hành động của bạn:

[HttpPost] 
public ActionResult SaveAddress(AddressViewModel addressViewModel) 

Khi bạn sử dụng JSON.stringify(), bạn gửi một chuỗi để điều khiển của bạn, không phải là một đối tượng! Vì vậy, bạn cần phải làm một số công trình để đạt được mục tiêu của bạn:

1) Thay đổi hành động của bạn phương pháp parametter:

[HttpPost] 
public ActionResult SaveAddress(string addressViewModel) 

2) Deserialize rằng chuỗi đến một đối tượng - đó là AddressViewModel:

IList<AddressViewModel> modelObj = new 
JavaScriptSerializer().Deserialize<IList<AddressViewModel>>(addressViewModel); 

Vì vậy, phương pháp hành động cuối cùng của bạn sẽ giống như sau:

[HttpPost] 
public ActionResult SaveAddress(string addressViewModel) 
{ 
    IList<AddressViewModel> modelObj = new 
    JavaScriptSerializer().Deserialize<IList<AddressViewModel>>(addressViewModel); 

    // do what you want with your model object ... 
} 

Answer 2

bạn có thể giữ cựu của bạn isting ActionMethod hoang sơ mà không cần json serializing: Ở phía client tạo một đối tượng từ json của bạn:

JSON.parse(jsonData) 

và gửi trong các tài sản dữ liệu $ .ajax.

Hoặc, thay vì tạo json, tạo ra một đối tượng:

var dataObject = new Object(); 
dataObject.Town = $('#txt-Town').val(); 
dataObject.District = $('#txt-District').val(); 
... 

Và một lần nữa, gửi đối tượng đó trong các tài sản dữ liệu $ .ajax.

Answer 3

HOẶC bạn có thể sử dụng JsonConvert.DeserializeObject<>();

Sau đây là đoạn code để deserialize JSON.stringify() kết quả

IList<AddressViewModel> modelObj = JsonConvert.DeserializeObject<IList<AddressViewModel>>(addressViewModel); 

thay vì

JavaScriptSerializer().Deserialize<IList<AddressViewModel>>(addressViewModel); 

Answer 4

Thực ra lựa chọn tốt nhất chỉ là để loại bỏ các

var addressData = JSON.stringify(jsonData); 

dòng và gửi jsonData chính nó. ASP.NET MVC sẽ tự động liên kết nó nếu nó là một đối tượng thực tế và không chỉ là một chuỗi.

Occam's Razor

Answer 5

Xin lỗi vì đã trả lời cho cũ thread.here bạn có thể làm việc với JsonResult thay vì ActionResult

đây là chữ ký của bạn

[HttpPost] 
public ActionResult SaveAddress(AddressViewModel addressViewModel) 

nó sẽ giống như

[HttpPost] 
public JsonResult SaveAddress(AddressViewModel addressViewModel) 
{ 
    return Json(status); 
} 

quảng cáo thuận lợi sẽ là nếu bạn sử dụng JsonResult thay vì ActionResult rằng u không cần phải Deserialize

đây là liên kết http://codeforcoffee.org/asp-net-mvc-intro-to-mvc-using-binding-json-objects-to-models/ từ liên kết này bạn có thể lấy ý tưởng.

Answer 6

 
You must reference to Country object inside jsonData variable. The JSON POST binding will work correctly. 

Old code: 

    var jsonData = { 
     "Town": $('#txt-Town').val(), 
     "District": $('#txt-District').val(), 
     "Street": $('#txt-Street').val(), 
     "PostCode": $('#txt-PostCode').val(), 
     "FlatNumber": $('#txt-FlatNumber').val(), 
     "PremiseName": $('#txt-PremiseName').val(), 
     "PremiseNumber": $('#txt-Premisenumber').val(), 
     "Country": { 
      "Name": $('#txt-Country').val(), 
     } 

New code: 
    var jsonData = { 
     "Town": $('#txt-Town').val(), 
     "District": $('#txt-District').val(), 
     "Street": $('#txt-Street').val(), 
     "PostCode": $('#txt-PostCode').val(), 
     "FlatNumber": $('#txt-FlatNumber').val(), 
     "PremiseName": $('#txt-PremiseName').val(), 
     "PremiseNumber": $('#txt-Premisenumber').val(), 
     "Country.Name": $('#txt-Country').val(), 
     }