Asp.net mvc 3 如何将数据列表从视图传递到控制器

我在.cshtml中有如下列表

@using (Html.BeginForm("About","Home")) 
{ 
<div id="Test">
<table id="DeptIds">
@for (int i = 0; i <= @Model.Count()-1;i++ )
{
<tr>
    <td>
        @Html.TextBoxFor(x => x[i].DeptId)
    </td>
    <td>
        @Html.TextBoxFor(x => x[i].DeptName)

    </td>
</tr>
 }


</table>

<input type="button" value="HitMe" onclick="Save()" />
</div>
}
<script>
function Save()
 {

 $.ajax({
        type: 'POST',
        url: '@Url.Action("About")',           
        data: $("#Test").serialize(),  
        success: function (data) {
            alert(data);
            $('.tampil_vr').text(data);
        }
    });
}
</script>

@使用（Html.BeginForm（“关于”，“家”））
{ 
@对于（int i=0；i x[i].DeptId）
@Html.TextBoxFor（x=>x[i].DeptName）
}
}
函数Save（）
{
$.ajax({
键入：“POST”，
url:“@url.Action（“About”）”，
数据：$（“#测试”）.serialize（），
成功：功能（数据）{
警报（数据）；
$（'.tampil_vr'）。文本（数据）；
}
});
}

Save函数将执行ajax方法并序列化所有数据并传递给控制器

控制器代码：

    [HttpPost]
    public ActionResult About(List<Dept> obj)
    {
        ViewBag.Message = "Your app description page.";

        return View();
    }

[HttpPost]
公共行动结果关于（列表obj）
{
ViewBag.Message=“您的应用程序描述页。”；
返回视图（）；
}

---

当我执行obj时，obj为空，但如果我更改obj中的type=“Submit”，我将获得列表数据。那么如何在ajax调用中填充obj

您需要序列化表单而不是div

@using (Html.BeginForm("About","Home",FormMethod.Post,new {id="frm_Test"})) 
{ 
.....

...

}

在脚本中提供要序列化的表单Id

<script>
function Save()
 {

 $.ajax({
        type: 'POST',
        url: '@Url.Action("About")',           
        data: $("#frm_Test").serialize(),  
        success: function (data) {
            alert(data);
            $('.tampil_vr').text(data);
        }
    });
}
</script>

函数Save（）
{
$.ajax({
键入：“POST”，
url:“@url.Action（“About”）”，
数据：$（“#frm_测试”）.serialize（），
成功：功能（数据）{
警报（数据）；
$（'.tampil_vr'）。文本（数据）；
}
});
}

您需要序列化表单而不是div

@using (Html.BeginForm("About","Home",FormMethod.Post,new {id="frm_Test"})) 
{ 
.....

...

}

在脚本中提供要序列化的表单Id

<script>
function Save()
 {

 $.ajax({
        type: 'POST',
        url: '@Url.Action("About")',           
        data: $("#frm_Test").serialize(),  
        success: function (data) {
            alert(data);
            $('.tampil_vr').text(data);
        }
    });
}
</script>

函数Save（）
{
$.ajax({
键入：“POST”，
url:“@url.Action（“About”）”，
数据：$（“#frm_测试”）.serialize（），
成功：功能（数据）{
警报（数据）；
$（'.tampil_vr'）。文本（数据）；
}
});
}

您需要序列化表单而不是div

@using (Html.BeginForm("About","Home",FormMethod.Post,new {id="frm_Test"})) 
{ 
.....

...

}

在脚本中提供要序列化的表单Id

<script>
function Save()
 {

 $.ajax({
        type: 'POST',
        url: '@Url.Action("About")',           
        data: $("#frm_Test").serialize(),  
        success: function (data) {
            alert(data);
            $('.tampil_vr').text(data);
        }
    });
}
</script>

函数Save（）
{
$.ajax({
键入：“POST”，
url:“@url.Action（“About”）”，
数据：$（“#frm_测试”）.serialize（），
成功：功能（数据）{
警报（数据）；
$（'.tampil_vr'）。文本（数据）；
}
});
}

您需要序列化表单而不是div

@using (Html.BeginForm("About","Home",FormMethod.Post,new {id="frm_Test"})) 
{ 
.....

...

}

在脚本中提供要序列化的表单Id

<script>
function Save()
 {

 $.ajax({
        type: 'POST',
        url: '@Url.Action("About")',           
        data: $("#frm_Test").serialize(),  
        success: function (data) {
            alert(data);
            $('.tampil_vr').text(data);
        }
    });
}
</script>

函数Save（）
{
$.ajax({
键入：“POST”，
url:“@url.Action（“About”）”，
数据：$（“#frm_测试”）.serialize（），
成功：功能（数据）{
警报（数据）；
$（'.tampil_vr'）。文本（数据）；
}
});
}