个人笔记--使用JQuery加表单序列化的方式添加记录

首先是jQuery的部分:示例如下

        function saveEmp() {
            //获取用户输入
            var empName=$("#empName_add_input").val();

            //检验用户名是否可用
            var checkResult=checkUser(empName);
            if(!checkResult){
                return;
            }
            $.ajax({
                 url:"/SSM_CRUD_war_exploded/emp/checkuser",
                 data:$("#add_div form").serialize(),
                 type:"POST",
                 dataType:"json",
                 success:function (result) {}
            });
        }

#然后前端代码是这样的

   <div class="modal-body" id="add_div">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">员工姓名</label>
                        <div class="col-sm-10">
                            <input type="text" name="empName" class="form-control"
                                   id="empName_add_input" placeholder="empName"/> <span
                                class="help-block"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">邮箱</label>
                        <div class="col-sm-10">
                            <input type="text" name="email" class="form-control"
                                   id="email_add_input" placeholder="email@bdqn.com"/> <span
                                class="help-block"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">性别</label>
                        <div class="col-sm-10">
                            <label class="radio-inline"> <input type="radio"
                                                                name="gender" id="gender1_add_input" value="M"
                                                                checked="checked"> 男
                            </label> <label class="radio-inline"> <input type="radio"
                                                                         name="gender" id="gender2_add_input" value="F"/> 女
                        </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">部门名</label>
                        <div class="col-sm-4">
                            <!-- 部门提交部门id即可 -->
                            <select class="form-control" name="dId" id="departmentselect">
                            </select>
                        </div>
                    </div>
                </form>
            </div>

总结:
主要是这个**serialize()**方法
可以让表单的内容自动直接封装进控制层,不需要再处理表单填好的数据