zoukankan      html  css  js  c++  java
  • 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  
    诚邀各路高手、初学者加入。

  • 相关阅读:
    Linux常用命令及详细说明 — 结合工作(侧重性能监控,包括CPU、内存、IO、网络、磁盘等)
    navicat连接不上Linux服务器上的mysql的解决办法
    Git之rebase、merge和cherry pick的区别详解—面试常问
    阿里《JAVA实习生入职测试题—2019最新》之答案详解(连载一)
    技术语言框架学习方法论
    阿里《JAVA实习生入职测试题—2019最新》之答案详解(连载二)
    C# 文件/文件夹一般操作(File、Directory)
    Log4Net 使用及组合公共类
    VmWare 15 设置Centos7 共享文件夹及问题记录
    Centos 7 使用(Service iptables stop/start)关闭/打开防火墙 Failed to stop iptables.service: Unit iptables.service not loaded.
  • 原文地址:https://www.cnblogs.com/kezhiping/p/3868412.html
Copyright © 2011-2022 走看看