form表单—2种提交方式

只提交参数到后台，不接收返回值

html代码

<!--第1步:设置 action,method-->
<form id="editForm" action="app/edit/destination" method='POST'><!--第2步：表单元素 --><div>名称<input id="getName" name="name" /></div><div>id<input id="getAreaId" name="id" /></div><div>纬度<input id="getName" name="latitude" /></div><div>经度<input id="getAreaId" name="longitude" /></div><!--第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"><div>名称<input id="getName" name="name" /></div><div>id<input id="getAreaId" name="id" /></div><div>纬度<input id="getName" name="latitude" /></div><div>经度<input id="getAreaId" name="longitude" /></div><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" onclick="ajaxSubmit()" 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>

java代码

@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;
}

form表单—2种提交方式相关推荐

form表单的多种提交方式
在项目开发中自己总结的form表单的集中提交方式: 1,<input type="submit"> 提交按钮提交表单. 例: <!DOCTYPE html> ...
form表单的多种提交方式及提交前验证
以下是本人总结处来的一些form的提交方式,网上还有别的提交方式,这里我总结了大小分为7类,其实就是三类的提交方式,若有哪里不对的,还请评论指出来,大家一起学习学习 1.无任何验证提交(最普通的提交) ...
form表单的各种提交方式
form表单提交方法很多.直接提交啊,或者js提交啊. 第一种提交方式:form表单直接提交 <form action="formDate" method="pos ...
form表单用butten提交后无反应表单提交三种方式
form表单用butten提交后无反应&表单提交三种方式一,表单提交无反应有时候,我们发现表单提交的butten按钮,根本就没niao用.鼠标都点烂了,也提交不上去.找了半天什么错误也没找 ...
Form表单, 4种常见的表单提交方式
浏览器行为:Form表单提交 1.form表单常用属性 1 2 3 4 action:url 地址,服务器接收表单数据的地址 method:提交服务器的http方法,一般为post和get name: ...
php阻止form提交表单提交,防止表单提交时刷新页面-阻止form表单的默认提交行为...
最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有由于form 表单的默认提交行为.一下是几种阻止 form 表单默认提交行为的方式. 1.使用 ...
php表单转json对象,form表单转Json提交的方法(推荐)
form表单转Json提交的方法(推荐) 先将表单数值转换成数组存储,存储成的格式为[{"name":"","value":"&q ...
Form表单之get提交与post提交
Form表单之get提交与post提交 Form表单的属性action 与method: 属性值 ...
jquery表单ajax json数据,jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...

form表单—2种提交方式

只提交参数到后台，不接收返回值

提交参数到后台，并且接收后台返回值

form表单—2种提交方式相关推荐

最新文章

热门文章