要張貼一對多的關係數據和JSON MVC3

Question

客戶

public class ClientModelData 
{ 
    public int ClientID { get; set; } 
    public string ClientName { get; set; } 
    public string Phone { get; set; } 
    public string Address { get; set; } 
    public IList<int> LocationID { get; set; } 
} 

控制器

[HttpPost] 
    public ActionResult AddClient(ClientModelData client) 
    { 
     Client _client = new Client() 
     { 
      //ClientCode=client.ClientCode, 
      ClientName = client.ClientName, 
      Phone = client.Phone, 
      Ext = client.Ext, 
      Address = client.Address, 
      CreatedBy = 1, 
      CreatedDate = DateTime.Now, 
      ModifiedBy = 1, 
      ModifiedDate = DateTime.Now, 
      ModifiedIP = Request.ServerVariables["REMOTE_ADDR"] 
     }; 
     db.Clients.Add(_client); 
     try 
     { 
      db.SaveChanges(); 
     } 
     catch (DbEntityValidationException dbEx) 
     { 
      string error = string.Empty; 
      foreach (var validationErrors in dbEx.EntityValidationErrors) 
       foreach (var validationError in validationErrors.ValidationErrors) 
        error += string.Format("Property: {0} Error: {1}", validationError.PropertyName, 
         validationError.ErrorMessage); 

      return Json(new 
      { 
       status = false, 
       message = "Unable to update information for selected client, please contact administrator. For detail <a class='errordetail'>click here</a>", 
       exception = error 
      }); 
     } 
     return Json(_client); 
    } 

我有一個複選框列表：

<ul class="locations"> 
           @foreach (var item in Model.Locations) 
           { 
            <li> 
             <label> 
              <input type="checkbox" id="chkLocations" name="chkLocations" 
              value="@item.LocationID" /> 
              @item.LocationTitle</label> 
            </li> 
           } 
          </ul> 

**的Json對象包含值：**

var allVals = []; 
      $('#chkLocations:checked').each(function() { 
       allVals.push($(this).val()); 
      }); 
      var dataPacket = { 
       ClientName: $("#txtClientName").val(), 
       Phone: $("#txtPhone").val(), 
       Ext: $("#txtExt").val(), 
       Address: $("#txtAddress").val(), 
       LocationID: allVals 
      }; 

現在出現的問題，當我給複選框：檢查的項目是不填充ModelData實體位置財產

圖片：

http://tinypic.com/r/eapem9/6

問題出現Posting form ... JQuery AJAX

圖片：

http://tinypic.com/r/4l0bqr/6

Answer 1

不幸的是你有沒有你怎麼調用控制器動作告訴我們。你可以嘗試把他們作爲一個JSON請求，它允許您張貼任意複雜的對象到您的控制器操作：

var allVals = []; 
$('#chkLocations:checked').each(function() { 
    allVals.push($(this).val()); 
}); 
var dataPacket = { 
    ClientName: $("#txtClientName").val(), 
    Phone: $("#txtPhone").val(), 
    Ext: $("#txtExt").val(), 
    Address: $("#txtAddress").val(), 
    LocationID: allVals 
}; 

然後：

$.ajax({ 
    url: '@Url.Action("AddClient", "SomeController")', 
    type: 'POST', 
    contentType: 'application/json', 
    data: JSON.stringify({ client: dataPacket }), 
    success: function(result) { 
     // ... handle the result 
    } 
}); 

通知的JSON.stringify方法的使用，其原生內置到現代瀏覽器中以JSON字符串的形式發送請求。我們還將請求內容類型標頭設置爲application/json，以便應用程序使用適當的JSON值提供程序並將此請求解析到您的模型。