submithandler
只提交参数到后台，不接收返回值
html代码
<!--第1步:设置 action,method-->
<form id="editForm" action="APP/edit/destination" method='POST'>
<!--第2步：表单元素 -->
<p>
名称<input id="getName" name="name" />
</p>
<p>
id<input id="getAreaid" name="id" />
</p>
<p>
纬度<input id="getName" name="latitude" />
</p>
<p>
经度<input id="getAreaId" name="longitude" />
</p>
<!--第3步：提交方式 submit-->
<input type="submit" value="获取" />
</form>js代码
<script>
/*如果需要做表单验证，如果不做表单验证，js代码可以省略*/
$("#editForm").validate({
/*第1步：做表单验证，省略*/
/*第2步：提交表单到后台 */
submithandler : function(form) {
form.submit();
}
})
</script>java代码
@responseBody
@requestMapping(value = "edit/destination", method = RequestMethod.POST)
public void editDestination(Long id, String name, Float longitude, Float latitude, String username) {
//处理参数，没有返回值
}提交参数到后台，并且接收后台返回值
html代码
<form id="editForm">
<p>
名称<input id="getName" name="name" />
</p>
<p>
id<input id="getAreaId" name="id" />
</p>
<p>
纬度<input id="getName" name="latitude" />
</p>
<p>
经度<input id="getAreaId" name="longitude" />
</p>
<input type="submit" value="提交" />
</form>
如果需要做表单验证 js代码如下：
<script>
$("#editForm").validate({
//做表单验证
rules : {
name : { //格式：domId: 规则
minlength : 2,//无效
maxlength : 30,
required : true
}
},
messages : {
name : {
required : "请输入第一个参数",
minlength : jQuery.validator.format("至少需要{0}字符"),
maxlength : jQuery.validator.format("不能超过{0}字符")
}
},
//验证成功后提交参数
submitHandler : function(form) {
ajaxSubmit();
}
});
function ajaxSubmit() {
$.ajax({
async : false,
cache : false,
type : 'POST',
data : $("#editForm").serialize(),
url : "app/edit/destination",//请求的action路径
ERROR : function() {//请求失败处理函数
alert('失败');
},
success : function(data) { //请求成功后处理函数。
alert(data);
}
});
}
</script>如果不需要做表单验证，js代码如下：
<!--input提交按钮改为如下-->
<input type="button" value="提交" />
<script>
function ajaxSubmit() {
$.ajax({
async : false,
cache : false,
type : 'POST',
data : $("#editForm").serialize(),
url : "app/edit/destination",//请求的action路径
error : function() {//请求失败处理函数
alert('失败');
},
success : function(data) { //请求成功后处理函数。
alert(data);
}
});
}
</script>@ResponseBody
@RequestMapping(value = "edit/destination", method = RequestMethod.POST)
public long editDestination(Long id, String name, Float longitude, Float latitude, String username) {
long result = 0;
/*处理参数*/
return result;
}相关阅读
// 验证姓名function nameValidate(valCon) {var checkResult = true; var valCon1 = $.trim(valCon.val());// 去空 var regu
JSP开发之JSP 标准标签库（JSTL）之格式化标签formatNumbe
JSTL格式化标签用来格式化并输出文本、日期、时间、数字。引用格式化标签库的语法如下： <%@ taglib prefix="fmt" ur
INFORMATION_SCHEMA 表 INFORMATION_SCHEMA 简介 INFORMATION_SCHEMA.CHARACTER_SETS INFORMATION_SCHEMA.COLLATIONS INF
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Form</title> </head> <body> <p></p> <p></p> <ce
什么是信息（Information）？信息（Information）是一个术语，或者一个单词。中文是“信息”，英文是Information。术语被用来概括地描述一些事