• 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())
                {
    
                }
            }

    截图

  • 相关阅读:
    Java基础之:OOP——继承
    Java基础之:OOP——封装
    使用requireJs进行模块化开发
    git bash 常用操作文件命令行
    requireJs使用
    常用网站
    使用requireJS
    使用echarts水球图
    jquery对象和DOM对象的区别和转换
    "abc123 ,def456",反转字母,其他位置不变
  • 原文地址:https://www.cnblogs.com/xinyibufang/p/8665210.html
Copyright © 2020-2023  润新知