在需要提交表单的模块,我们往往需要用到序列化表单并通过ajax实现交互。如果遇上特殊的需求,在表单的数据之外,还需要传送一些比较重要的字段,或数据,我们可以采取下列方法:
var data = $.param({'state': state}) + '&' + $('#desProForm').serialize();
完整代码:
页面:
pageEncoding="UTF-8"%>
$(document).ready(function(){
$("#submitButton").click(function(){
var data = $.param({"id":"1"}) + "&" + $("#testForm").serialize() + "";
$.ajax({
type:"POST",
data:data,
url:"${pageContext.request.contextPath }/Test/saveUser.do",
success:function(data){
console.log(data);
}
});
});
});
Insert title here用户名: | |
密码: | |
效果:
后台:
@RequestMapping("saveUser.do")
public ResponseEntity> saveUser(String id, User user){
ap map = new HashMap();
System.out.println(id + " " + user);
map.put("status", "success");
return new ResponseEntity>(map,HttpStatus.OK);
}
效果:
Reference:
[1] 大园子, form表单序列化之后追加字段, https://www.cnblogs.com/eoooxy/p/6341609.html