ASP.NET MVC 表单的几种提交方式

下面是总结一下在ASP.NET MVC中表单的几种提交方式。

1.Ajax提交表单

需要引用

<script type="text/javascript" src="/Scripts/jquery-1.7.2.min.js"></script>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>

第1个为Jquery库， 其中第2,3个是验证的。第4个为Ajax提交所用到的。

其中注意一点，当<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script> 如果你不小心引用了2个，

会有什么后果呢？ 你点击提交按钮的时候，提交了2次，不信你可以试试。

具体代码如下：

@using (Ajax.BeginForm("AddSubmit", "AdminInfo", new AjaxOptions { HttpMethod = "post" }))
{
<table class="table">
<tr>
<td colspan="2" class="TableTitle">创建管理员</td>
</tr>
<tr>
<td>@Html.LabelFor(m => m.UserName)</td>
<td class="td2">@Html.TextBoxFor(m => m.UserName)</td>
</tr>
<tr>
<td> </td>
<td class="td2">@Html.ValidationMessageFor(m => m.UserName)</td>
</tr>

<tr>
<td>@Html.LabelFor(m => m.PassWord)</td>
<td class="td2">@Html.PasswordFor(m => m.PassWord)</td>
</tr>
<tr>
<td> </td>
<td class="td2">@Html.ValidationMessageFor(m => m.PassWord)</td>
</tr>

<tr>
<td>@Html.LabelFor(m => m.TrueName)</td>
<td class="td2">@Html.TextBoxFor(m => m.TrueName)</td>
</tr>
<tr>
<td> </td>
<td class="td2">@Html.ValidationMessageFor(m => m.TrueName)</td>
</tr>

<tr>
<td> </td>
<td class="td2">
<input type="submit" value="提交" /></td>
</tr>
</table>
}

如果你需要再表单中带其他参数则方法如下：

@using (Ajax.BeginForm("AddSubmit", "AdminInfo", new {sid = Model.Id }, new AjaxOptions { HttpMethod = "post" }))

2.Html直接提交，代码如下

@using (Html.BeginForm("AddSubmit", "AdminInfo", FormMethod.Post))
{
<table class="table">
<tr>
<td colspan="2" class="TableTitle">创建管理员</td>
</tr>
<tr>
<td>@Html.LabelFor(m => m.UserName)</td>
<td class="td2">@Html.TextBoxFor(m => m.UserName)</td>
</tr>
<tr>
<td> </td>
<td class="td2">@Html.ValidationMessageFor(m => m.UserName)</td>
</tr>

<tr>
<td>@Html.LabelFor(m => m.PassWord)</td>
<td class="td2">@Html.PasswordFor(m => m.PassWord)</td>
</tr>
<tr>
<td> </td>
<td class="td2">@Html.ValidationMessageFor(m => m.PassWord)</td>
</tr>

<tr>
<td>@Html.LabelFor(m => m.TrueName)</td>
<td class="td2">@Html.TextBoxFor(m => m.TrueName)</td>
</tr>
<tr>
<td> </td>
<td class="td2">@Html.ValidationMessageFor(m => m.TrueName)</td>
</tr>

<tr>
<td> </td>
<td class="td2">
<input type="submit" value="提交" /></td>
</tr>
</table>
}

如果你需要再表单中带其他参数则方法如下：

@using (Html.BeginForm("AddSubmit", "AdminInfo", new { sid = 1 }, FormMethod.Post))

3.你可以自己写Jquery提交表单，详细Jquery大家都是会写的，这里就不详细说明了 0-0

本群提供ASP.NET MVC,EF,LINQ,WEB API技术支持，不在乎人多，在乎人精。
ASP.NET MVC群 171560784
诚邀各路高手、初学者加入。