zoukankan      html  css  js  c++  java
  • jquery.form.js 异步提交表单

    Html

     <form id="insertForm" method="post" class="form-horizontal">
                            <div class="form-group" id="customerName">
                                <label class="col-sm-2 control-label"><font style='color:red;'>*</font>姓名</label>
                                <div class="col-sm-10"><input id="name" type="text" class="form-control" name="Name"></div>
                            </div>
                            <div class="hr-line-dashed"></div>
    
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><font style='color:red;'>*</font>性别</label>
                                <div class="col-sm-10">
                                    <select id="sex" class="input-md form-control input-s-sm inline" name="Sex">
                                        <option value="true"></option>
                                        <option value="false"></option>
                                    </select>
                                </div>
                            </div>
                           
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">年龄</label>
                                <div class="col-sm-10"><input id="age" type="text" class="form-control" name="Age"></div>
                            </div>
    
                            <div class="hr-line-dashed"></div>
    
                            <div class="form-group">
                                <label class="col-sm-2 control-label">电话</label>
                                <div class="col-sm-10"><input id="tel" type="text" class="form-control" name="Tel"></div>
                            </div>
    
                        </form>

    JS

     var token = $("input[name = '__RequestVerificationToken']").val();  //防护CSRF
     $("#insertForm").ajaxSubmit({ url: "/Home/InsertInfo", type: 'post', dataType: 'json', data: { "__RequestVerificationToken": token   }, beforeSubmit: function () { alert("beforeSubmit") }, success: function (result) { alert("success") } });

    Entity

    public class User
        {
            public int ID { get; set; }
    
            public string Name { get; set; }
    
            public bool Sex { get; set; }
    
            public decimal Age { get; set; }
    
            public string Tel { get; set; }
    
            public DateTime? ModifyTime { get; set; }
    
    
    
        }

    Controll

     [ValidateAntiForgeryToken]
            public void InsertInfo(User user)
            {
                using (IDbConnection conn = DapperService.MySqlConnection())
                {
    
                }
            }

    截图

  • 相关阅读:
    MySQL性能优化的最佳20+条经验
    初窥Linux 之 我最常用的20条命令
    Java内存模型
    未能加载文件或程序集“System.Net.Http.Formatting, Version=4.0.0.0, Culture=n
    Nginx 负载均衡之 upstream 参数 和 location 参数
    Nginx 简单配置方法
    关于使用 autoFac 的注入方法
    关于 VS 调用存储过程加载很慢和SQL 执行很快的那些事
    C# 客户端读取共享目录文件
    NodeJS、NPM安装配置步骤
  • 原文地址:https://www.cnblogs.com/xinyibufang/p/8665210.html
Copyright © 2011-2022 走看看