MVC 3使用Ajax提交複雜對象控制器

Question

我只用MVC 3與C＃和Ajax JavaScript和我有綁定了一個強類型的模型的視圖。

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcApplication2.Models.Car>" %> 

而且我通過一個ActionLink的提交...

<%=Html.ActionLink("Add Car", "AddCar", "Car", new { id = "tester" })%> 

這一切都經過了ajax/javascript調用...

$('#tester').click(function (e) 
    { 

     e.preventDefault(); 
     $(this).parents('form').first().submit(); 

     $.ajax({ 
      url: "Car/AddCar", 
      type: "POST", 
      data: { ID: $('#carid').val(), Manufacturer: "test", Model: "Test", Year: "01/01/2010" }, 
      success: function (data) 
      { 
       alert(data); 
      } 
     }); 
    }); 

控制器方法獲取頁面數據蠻好的...

[HttpPost] 
    public ActionResult AddCar(Car newcar) 
    { 
     if (newcar.Passengers == null)//this is always null... data is not being persisted 
      newcar.Passengers = new Dictionary<int, string>(); 

     newcar.Passengers.Add(newcar.ID, newcar.Model); 
     IList<Car> cars = _carService.AddCarToGarage(newcar); 
     return View("Index", newcar);    
    } 

但是我不知道如何在乘客字典數據在控制器中創建後繼續存在。每次我點擊ActionLink的，乘客數據爲空...

如何保持Ajax調用之間的乘客數據？

謝謝！

++++++++++++++++++++++++++++++++++++++++++++++ +

編輯：

我更新與低於工作對我來說，答案格式這個問題...

觀=

<form id="my-form" method="post" action="/Car/AddCar"> 
<h2>Index</h2> 
<% 
    Response.Write("<input type=\"hidden\" name=\"ID\" value=\"" + Model.ID + "\">"); 
    Response.Write("<input type=\"hidden\" name=\"Manufacturer\" value=\"" + Model.Manufacturer + "\">"); 
    Response.Write("<input type=\"hidden\" name=\"Model\" value=\"" + Model.Model + "\">"); 
    Response.Write("<input type=\"hidden\" name=\"Year\" value=\"" + Model.Year.ToShortDateString() + "\">"); 

    if (Model.Passengers != null) 
    { 
     for (int i = 0; i < Model.Passengers.Count; i++) 
     { 
      Response.Write("<input type=\"hidden\" name=\"newcar.Passengers[" + i + "].Id\" value=\"" + Model.Passengers[i].Id + "\">"); 
      Response.Write("<input type=\"hidden\" name=\"newcar.Passengers[" + i + "].Name\" value=\"" + Model.Passengers[i].Name + "\">"); 
     } 
    } 
    %> 

<input type="button" value="Submit" id="form-submit" /> 

的控制器=

[HttpPost] 
    public ActionResult AddCar(Car newcar) 
    { 
     if (newcar.Passengers == null) 
      newcar.Passengers = new List<Passenger>(); 

     Passenger p = new Passenger(); 
     p.Id = newcar.ID; 
     p.Name = "tester"; 
     newcar.Passengers.Add(p); 
     return View("Index", newcar);    
    } 

的JavaScript =

<script type="text/javascript"> 
    $(document).on('click', '#form-submit', function() { 
     $.ajax({ 
      url: "Car/AddCar", 
      type: "POST", 
      data: $('form#my-form').serialize(), 
      success: function (data) { 
       alert(data); 
       // put the data in the container where you have the form. 
      } 
     }); 
    }); 

Answer 1

通常的方法是具有在視圖的形式。表單應該具有正確生成的所有輸入。鑑於模型：

public class Car 
{ 
    public int Id { get; set; } 
    public string Manufacturer { get; set; } 
    public string Model { get; set; } 
    public DateTime Year { get; set; } 
    public List<Passanger> Passangers { get; set; } 
} 

public class Passanger 
{ 
    public int Id { get; set; } 
    public string Name { get; set; } 
} 

的看法應該有大約如下：

@model Car 
@using(Html.BeginForm("actionName", "controllerName", FormMethod.Post, new { id = "my-form" })) 
{ 
    @Html.HiddenFor(x => x.Id) 
    @Html.TextBoxFor(x => x.Manufacturer) 
    @Html.TextBoxFor(x => x.Model) 
    @Html.TextBoxFor(x => x.Year) 

    for(int i = 0, i < Model.Passangers.Count(), i++) 
    { 
     @Html.HiddenFor(x => Model.Passangers[i].Id) 
     @Html.HiddenFor(x => Model.Passangers[i].Name) 
    } 

    <input type="button" value="Submit" id="form-submit" /> 
} 

<script type="text/javascript"> 
    $(document).on('click', '#form-submit', function(){ 
     $.ajax({ 
      url: "Car/AddCar", 
      type: "POST", 
      data: $('form#my-form').serialize(), 
      success: function (data) 
      { 
       alert(data); 
       // put the data in the container where you have the form. 
      } 
     }); 
    }); 
</script> 

當你的形式張貼這種方式，發佈將包括乘客，因爲他們的信息是在hiddens呈現的數據風景。