jQuery序列化Ajax提交表单

对于很多字段的表单想要通过Ajax动态提交，就要用到表单的序列化了。jQuery封装了一些很好的表单序列化的方法，可以很好的帮助我们实现这一功能。一下是我用Ajax和java结合做的一个添加搜索器的功能：

js代码

function savesearch(){
 var formData=$("form").serialize();
 $("#ac").val("savesearch");
 $.ajax({
  type: "POST",
  url: "/front/EPtemplate.do",
  processData:true,
  data:formData,
  success: function(data){
   $("#result").html("保存成功");
  }
 });
}

 

jsp代码：

<table width="42%" border="0" cellspacing="0" cellpadding="0" style="margin:10px auto 0;">
          <tr>
            <td align="center">搜索器名<input type="text" name="subtype" style="width:120px; margin-left:8px; margin-right:8px;" />
            <span id="result"><input class="submit submit_bp5" type="button" onclick="savesearch()" value="订制为搜索器" /></span>               </td>
          </tr>
  </table>