Ajax应用serialize()提交Form表单及后端取值(Java)
2016-08-26 15:30
211 查看
<script type="text/javascript"> $(document).ready(function(){ $("#modifyForm").submit(function(e){ $("#submitButton").attr('disabled',"true"); $.ajax({ url:$("#modifyForm").attr("action"), data:$('#modifyForm').serialize(), type:"post", success:function(data){ if(data > 0){ alert("操作成功"); } else{ alert("操作失败:" + $("#id").val() + "|" + data); } $("#submitButton").removeAttr("disabled"); }, error:function(data){ alert("操作异常:" + $("#id").val() + data.responseText); $("#submitButton").removeAttr("disabled"); } }); return false; }); }); </script>
<form id="modifyForm" action="${contextPath}/test/map/show.htm?method=modify" method="post">
测试:<input id="test" name="test" type="text" value="${test}"/>
…………
<input id="submitButton" type="submit" value="确定" class="btn btn-success"/>
<input id="backButton" type="button" value="返回" class="btn btn-warning" onclick="history.go(-1);"/>
</form>
后端取值:
public void modify(HttpServletRequest request, HttpServletResponse response) throws IOException {
String test = request.getParameter("test");
int result = 0;
……业务处理逻辑……
response.getWriter().println(result);
}
以上代码用于使用Ajax的序列化方式serialize(),提交表单数据。数据提交方式要选用Post进行提交,若不指定Post提交方式会出现中文乱码情况。
相关编码过滤器在此处不做说明,可查阅相关资料进行完善。
相关文章推荐
- FORM表单提交,后端JAVA获取文件名称
- Java 模拟form表单提交
- java模拟form表单提交图片文件
- form表单提交 list对象给Java 后台结合
- java仿form表单提交数据
- 微信小程序中form 表单提交和取值实例详解
- java后端模拟表单提交
- 多个Form提交同一地址技巧(form序列化提交 java反序列化表单)
- Java 中 Form表单数据的两种提交方式
- ajax提交form表单 后端接收时中文乱码
- Java入门到精通——调错篇之EasyUI+SpringMVC Form表单提交到Contorller中文字出现乱码
- struts2 form提交表单自动封装对象,后台取值为null的几个原因
- myeclipse10 .jsp将表单提交给.java(form网页与后台通信初识)
- form表单提交 java后台回调 js
- java 发送http请求(提交form表单)
- Java ajax servlet 无法接收到 jsp 以post提交的 form 表单信息 可能的解决方案(都是工具惹得祸!)
- asp.net mvc4 使用java异步提交form表单时出现[object object] has no method ajaxSubmit
- 解决Error:ftl页面通过form提交表单,后台java类接收的值为null
- 微信小程序中form 表单提交和取值实例详解
- 微信小程序 PHP后端form表单提交实例详解