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次,不信你可以试试。

   具体代码如下:

  

 1 @using (Ajax.BeginForm("AddSubmit", "AdminInfo", new AjaxOptions { HttpMethod = "post" }))
 2         {
 3             <table class="table">
 4                 <tr>
 5                     <td colspan="2" class="TableTitle">创建管理员</td>
 6                 </tr>
 7                 <tr>
 8                     <td>@Html.LabelFor(m => m.UserName)</td>
 9                     <td class="td2">@Html.TextBoxFor(m => m.UserName)</td>
10                 </tr>
11                 <tr>
12                     <td>&nbsp;</td>
13                     <td class="td2">@Html.ValidationMessageFor(m => m.UserName)</td>
14                 </tr>
15 
16                 <tr>
17                     <td>@Html.LabelFor(m => m.PassWord)</td>
18                     <td class="td2">@Html.PasswordFor(m => m.PassWord)</td>
19                 </tr>
20                 <tr>
21                     <td>&nbsp;</td>
22                     <td class="td2">@Html.ValidationMessageFor(m => m.PassWord)</td>
23                 </tr>
24 
25                 <tr>
26                     <td>@Html.LabelFor(m => m.TrueName)</td>
27                     <td class="td2">@Html.TextBoxFor(m => m.TrueName)</td>
28                 </tr>
29                 <tr>
30                     <td>&nbsp;</td>
31                     <td class="td2">@Html.ValidationMessageFor(m => m.TrueName)</td>
32                 </tr>
33 
34                 <tr>
35                     <td>&nbsp;</td>
36                     <td class="td2">
37                         <input type="submit" value="提交" /></td>
38                 </tr>
39             </table>
40         }

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

@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>&nbsp;</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>&nbsp;</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>&nbsp;</td>
                    <td class="td2">@Html.ValidationMessageFor(m => m.TrueName)</td>
                </tr>

                <tr>
                    <td>&nbsp;</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  
诚邀各路高手、初学者加入。

posted @ 2014-07-25 16:38  kezhiping  阅读(3191)  评论(0编辑  收藏  举报