【ajax 提交表单】多种方式的注意事项 ,serialize()的使用

在业务中，可能因为表单内容过于庞大，字段过于繁杂，如果人为去拼接的话，需要耗费大量的时间和精力，与此同时，代码看上去也是冗余不堪。

所以，提交表单的时候如果能整个表单数据整体提交，那是非常开心的事情。

同时，有时候会有需求在前台提交给后台数据之后，希望后台能在处理之后返回数据给前台，可能是标识也好，可能是具体的数据也罢。

这时候又需要使用ajax去提交数据。【因为使用jQuery的submit()方法是没有回调函数的，那个函数只是当表单发生提交时，要同时执行的函数而已，例如：$("#poFromId").submit()】

那能不能使用ajax进行局部页面刷新的同时将整个表单的数据提交呢？

答案肯定是可以的，

首先，咱们把整个的一圈代码给出来：

1.jsp页面

 1 <form action="../department/addPosition.htmls" method="post"  role="form" id="poFromId" >
 2                       <div class="form-group">
 3                           <label class="col-md-3 control-label">职位名称</label>
 4                           <div class="col-md-9" style="width: 77%">
 5                                 <input type="hidden" name="positionId" />
 6                                 <input type="hidden" name="positionCre" />
 7                               <input  type="text" class="form-control"  name="positionName" placeholder="eq:软件开发工程师" data-bv-trigger="keyup" />
 8                           </div>
 9                       </div>
10                       <div class="form-group">
11                           <label class="col-lg-3 control-label">职位所属等级</label>
12                           <select class="selectpicker input input-big" name="positionGrade">
13                                 <option value="专员">专员</option>
14                                 <option value="经理">经理</option>
15                                 <option value="总监">总监</option>
16                           </select>
17                         </div>
18                     <hr/>
19                      <div class="form-group center">
20                           <button type="button" class="btn btn-success positionUp">提交职务</button>
21                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
22                             <button type="reset" class="btn btn-warning">重置页面</button>
23                      </div>
24               </form>

View Code