serializearray，j*a toarray
spring mvc 怎样接收formdata
表单的代码如下：
<%@ page language=”j*a” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC”-//W3C//DTD HTML 4.01 Transitional//EN”””>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Add User</title>
<script type=”text/j*ascript”>
//添加用户
function addUser(){
var form= document.forms[0];
form.action=”${pageContext.request.contextPath}/user/addUser1″;
//form.action=”${pageContext.request.contextPath}/user/addUser2″;
//form.action=”${pageContext.request.contextPath}/user/addUser3″;
form.method=”post”;
form.submit();
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td>账号</td>
<td>
<input type=”text” name=”userName”>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type=”password” name=”password”>
</td>
</tr>
<tr>
<td></td>
<td>
<input type=”button” value=”提交” onclick=”addUser()”>
</td>
</tr>
</table>
</form>
</body>
</html>
1、直接把表单的参数写在Controller相应的方法的形参中
@RequestMapping(“/addUser1”)
public String addUser1(String userName,String password){
System.out.println(“userName is:”+userName);
System.out.println(“password is:”+password);
return”/user/success”;
}
2、通过HttpServletRequest接收
@RequestMapping(“/addUser2”)
public String addUser2(HttpServletRequest request){
String userName= request.getParameter(“userName”);
String password= request.getParameter(“password”);
System.out.println(“userName is:”+userName);
System.out.println(“password is:”+password);
return”/user/success”;
}
3、通过一个bean来接收
1）建立一个和表单中参数对应的bean
public class User{
private String userName;
private String password;
public String getUserName(){
return userName;
}
public void setUserName(String userName){
this.userName= userName;
}
public String getPassword(){
return password;
}
public void setPassword(String password){
this.password= password;
}
}
2）用这个bean来封装接收的参数
@RequestMapping(“/addUser3”)
public String addUser3(User user){
System.out.println(“userName is:”+user.getUserName());
System.out.println(“password is:”+user.getPassword());
return”/user/success”;
}
4、通过json数据接收
<%@ page language=”j*a” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC”-//W3C//DTD HTML 4.01 Transitional//EN”””>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Add User</title>
<script type=”text/j*ascript” src=”${pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js”></script>
<script type=”text/j*ascript”>
$(document).ready(function(){
$(“#button_submit”).click(function(){
var name=$(“#userName”).val();
var pass=$(“#password”).val();
var user={userName:name,password:pass};//拼装成json格式
$.ajax({
type:”POST”,
url:”${pageContext.request.contextPath}/user/addUser4″,
data:user,
success:function(data){
alert(“成功”);
},
error:function(e){
alert(“出错：”+e);
}
});
});
});
</script>
</head>
<body>
<form>
<table>
<tr>
<td>账号</td>
<td>
<input type=”text” id=”userName” name=”userName”>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type=”password” id=”password” name=”password”>
</td>
</tr>
<tr>
<td></td>
<td>
<input type=”button” id=”button_submit” value=”提交”>
</td>
</tr>
</table>
</form>
</body>
</html>
依然可以使用bean来接收json数据
@RequestMapping(“/addUser4”)
public String addUser4(User user){
System.out.println(“userName is:”+user.getUserName());
System.out.println(“password is:”+user.getPassword());
return”/user/success”;
}
5、使用jQuery的serializeArray()方法序列化表单元素
如果表单元素很多，手工拼装成json数据非常麻烦，可以使用jQuery提供的serializeArray()方法序列化表单元素，返回json数据结构数据。
<%@ page language=”j*a” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC”-//W3C//DTD HTML 4.01 Transitional//EN”””>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Add User</title>
<script type=”text/j*ascript” src=”${<a href=”” title=”微信互动游戏开发玩转微信互动营销pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js”></script>
<script type=”text/j*ascript”>
$(document).ready(function(){
$(“#button_submit”).click(function(){
//序列化表单元素，返回json数据
var params=$(“#userForm”).serializeArray();
//也可以把表单之外的元素按照name value的格式存进来
//params.push({name:”hello”,value:”man”});
$.ajax({
type:”POST”,
url:”${pageContext.request.contextPath}/user/addUser5″,
data:params,
success:function(data){
alert(“成功”);
},
error:function(e){
alert(“出错：”+e);
}
});
});
});
</script>
</head>
<body>
<form id=”userForm”>
<table>
<tr>
<td>账号</td>
<td>
<input type=”text” id=”userName” name=”userName”>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type=”password” id=”password” name=”password”>
</td>
</tr>
<tr>
<td></td>
<td>
<input type=”button” id=”button_submit” value=”提交”>
</td>
</tr>
</table>
</form>
</body>
</html>
依然可以使用bean来接收json数据：
@RequestMapping(“/addUser5”)
public String addUser5(User user){
System.out.println(“userName is:”+user.getUserName());
System.out.println(“password is:”+user.getPassword());
return”/user/success”;
}
如何结合Jquery 的validate 和 ajax submit进行工作
在jquery中使用ajax方式进行异步调用有3种方式：$.post、$.get、$.ajax.
其中$.post、$.get是封装的$.ajax方法。处理一些较为简单的ajax请求，参数少的情况。
如果遇到复杂数据传输，或者对传输配置参数需要定义，就需要$.ajax了。
一、$.ajax的一般格式
$.ajax({
type:'POST',
url: url,
data: data,
success: success,
dataType: dataType
});
二、$.ajax的参数描述
参数描述
url必需。规定把请求发送到哪个 URL。
data可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR)可选。请求成功时执行的回调函数。
dataType可选。规定预期的服务器响应的数据类型。
默认执行智能判断（xml、json、script或 html）。
三、$.ajax需要注意的一些地方：
1.data主要方式有三种，html拼接的，json数组，form表单经serialize()序列化的；
通过dataType指定，不指定智能判断。
2.$.ajax只提交form以文本方式，如果异步提交包含<file>上传是传过不过去,
需要使用jquery.form.js的$.ajaxSubmit
四、代码实例。
1.$.ajax带json数据的异步请求
1<SPAN style=”FONT-FAMILY:微软雅黑,'Microsoft YaHei'; FONT-SIZE: 14px”> var inputMac=$(“#inputMac”).val();<BR> var selectType=$(“#selectType”).val();<BR> var selectStatus=$(“#selectStatus”).val();<BR>$.ajax({<BR> type:”post”,<BR> dataType:'json',<BR> url: AjaxUrl,<BR> data:{<BR> mac: inputMac,<BR> status: selectStatus,<BR> type: selectType<BR>},<BR> success: function(data, textStatus){<BR> if(data!= null){<BR><BR> var ap= eval(data);<BR> if(ap!= null&& ap!=”undefined”&& ap.Id>0){<BR>//window.location.href='index.aspx';<BR> alert(“添加成功。”); return;<BR>}<BR> else{<BR> alert(“添加失败，请检查输入是否正确。”); return;<BR>}<BR>}<BR>},<BR> complete: function(XMLHttpRequest, textStatus){<BR><BR>},<BR> error: function(e){<BR> alert(“添加失败，请检查输入是否正确。”); return;<BR>}<BR>});<BR></SPAN>
2.$.ajax序列化表格内容为字符串的异步请求
使用方法是： var formParam=$(“#form1”).serialize();//序列化表格内容为字符串。
将formParam作为data传递给服务器。
serialize()与 serializeArray()
serialize():序列表表格内容为字符串。
serializeArray():序列化表格元素(类似'.serialize()'方法)返回 JSON数据结构数据。
1<SPAN style=”FONT-FAMILY:微软雅黑,'Microsoft YaHei'; FONT-SIZE: 14px”> var formParam=$(“#form1”).serialize();//序列化表格内容为字符串<BR>$.ajax({<BR> type:'post',<BR> url:'Notice_noTipsNotice',<BR> data:formParam,<BR> cache:false,<BR> dataType:'json',<BR> success:function(data){<BR>}<BR>});<BR></SPAN>
3.$.ajax拼接url的异步请求
1<SPAN style=”FONT-FAMILY:微软雅黑,'Microsoft YaHei'; FONT-SIZE: 14px”>var yz=$.ajax({<BR> type:'post',<BR> url:'validatePwd2_checkPwd2?password2='+password2,<BR> data:{},<BR> cache:false,<BR> dataType:'json',<BR> success:function(data){<BR> if( data.msg==”false”)//服务器返回false，就将validatePassword2的值改为pwd2Error，这是异步，需要考虑返回时间<BR>{<BR> textPassword2.html(“<font color='red'>业务密码不正确！</font>”);<BR>$(“#validatePassword2”).val(“pwd2Error”);<BR> checkPassword2= false;<BR> return;<BR>}<BR>},<BR> error:function(){}<BR>});<BR></SPAN>
4.$.ajax拼接data的异步请求
1<SPAN style=”FONT-FAMILY:微软雅黑,'Microsoft YaHei'; FONT-SIZE: 14px”>$.ajax({<BR> url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',<BR> type:'post',<BR> data:'merName='+values,<BR> async: false,//默认为true异步<BR> error:function(){<BR> alert('error');<BR>},<BR> success:function(data){<BR>$(“#”+divs).html(data);<BR>}<BR>});<BR></SPAN>
servlet怎么解析jquery通过serialize提交的表单
下面是服务器端的jsp代码：
与JQuery中其他方法一样，serialize()方法也是作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串，用于ajax请求。通过使用serialize()方法，可以提交本页面的所有域，代码如下：
当单击“提交”按钮后，所有属于form1的表单元素都能提交到后台，即使在表单中再增加字段，脚本仍然能够使用，并且不需要做其他多余工作。
用字符串方式时，需要注意对字符编码（中文问题），如果不希望编码带来麻烦，可以使用serialize()方法，它会自动编码。
因为serialize()方法作用于JQuery对象，所以不光只有表单能使用它，其他选择器选取的元素也都能使用它，如以下JQuery代码：
$(“:checkbox,:radio”).serialize()
把复选框和单选框的值序列化为字符串形式，只会将选中的值序列化。
在JQuery中还有一个与serialize()类似的方法–serializeArray()，该方法不是返回字符串，而是将DOM元素序列化后，返回JSON格式的数据。JQuery代码如下：
var fields=$(“:checkbox,:radio”).serializeArray()
console.log(fields);//用FireBug输出
$.param()方法是serialize()方法的核心，用来对一个数组或对象按照key/value进行序列化。
比如将一个普通的对象序列化：
var obj={a:1,b:2,c:3}
var k=$.param(obj)
alert(k);//输出a=1&b=2&c=3
本文链接：http://www.po-te.com/html/87964563.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
昆明展台搭建？昆明会议布置*
昆明市内有哪些景点必去景点一：石林（shi lin） 5A景区关键词：石秀于林巧夺天工喀斯特地貌天下第一奇观石林博物馆石多似林阿诗玛的故乡 石林是一座名副其实的由岩石组成的“森林”，穿行其间，但见怪石林立，突兀峥嵘，姿态各异。 由于石灰岩的作用，石柱彼此分离，又经过常年的风雨侵蚀，无数的石峰、石柱、石笋、石芽、形成了集奇石、瀑布、湖泊、溶洞、峰丛和丘陵于一身…
-
新东方考研网 咨询新东方考研
新东方考研新东方考研的质量还是可以的 为大家整理了一份考研学习资料，包括各大机构的语文，数学，英语以及各大专业课的学习资源，适合想自考的学生，后面会不断汇聚更多优秀学习资源，供大家交流分享学习，需要的可以先收藏转存，有时间慢慢看~ 考研资料实时更新 链接：*pan.baidu*/s/16sMF3l3Mv0E-T1czpkDmWg?pwd=2D72 提取码：2…
-
9月30日开市吗，12月30日黄历
股市11:30暂停叫什么休市还是收盘是叫收盘。股票交易时间每天有4个小时。9.30-11.30 13.00-15.00是交易时间。 每周一到周五上午时段9:30-11:30，下午时段13:00-15:00。周六、周日上海证券交易所、深圳证券交易所公告的休市日不交易。 沪深市场股票：交易日：周一～周五（法定节日除外）9：15—— 9：25集合竞价，9：30——…
-
稻草人旅行网(稻草人city walk)
稻草人旅行靠谱么他家团包来回机票么求参加过的帮忙解答老稻草人来回答你，先说稻稻是不是靠谱。 他们家跟一般的旅行社不大一样，主打的是比较有创意的旅行方式，参加活动的一般都是年轻人。首先路线蛮赞的，据说都是自己团队做出来的，不是传统的举个旗子走马观花，会比较深入当地，感觉很真实，跟以前自己背包旅行的时候感觉略像，还能再团里找到好多米有节*但是很有意思的小伙伴儿，…
-
深州房屋出租(深州出租房公寓)
为什么深圳的车位只租不卖因为依据深圳的现行政策，停车位是禁止买卖交易的。 深圳这样的超大型城市是根据城市需求指定政策，很多小城市地广人稀车位相对充足，可以支持车位买卖长租，政策出发点就不一样。深圳居民小区车位只能月租不能买卖长租，是深州市*本着全体深圳市民利益，制定的惠民政策。 2014年，深圳曾发布过一份《深圳市房地产开发项目停车位建设及处分管理办法（征求…
-
美国建材展会？美国电子展会2020
美国国际建筑建材展的展会介绍众所周知，由美国金融危机引发的金融风暴给世界各国各行各业的发展带来了沉重的打击。但作为世界经济大国，美国经济总量仍是不可小视。美国是全球最大的经济强国，建筑业是其国内的重要经济产业。经历过08-09金融危机后，2009年其房地产交易总量达387亿美元，位列全球第三。2009年美国道路和桥梁的完工量是84亿美元，2010年预计将达到…
-
江山市天气预报 衢州江山空气质量
秋天黑龙江天气预报黑龙江哈尔滨天气预报 （未来15天） 切换城市 相关地区：五常天气尚志天气延寿天气方正天气通河天气巴彦天气 更多 08月30日(今天) 中雨转小到中雨18～21℃ 北风 3级 空气优 08月31日(周三) 中雨转小到中雨16～21℃ 东风 5-6级 空气优 09月01日(周四) 阵雨转多云18～24℃ 东风 4-5级 空气优 09月02日(…
-
云初初墨总小说 云初初墨连城小说叫什么名
云初初墨连城小说叫什么名 云初初墨连城小说名叫《大叔好好宠我》。 内容：云初初小声说：“大叔，可以先不公开我们结婚的消息吗？我还在读书，不想在学校被人指指点点。”“可以。”墨连城答应了。“谢谢大叔，你真好！”墨连城拿出一张卡，“卡上有一个亿，密码是你的生日。”云初初呆住了，“大叔怎么会知道我的生日？” 墨连城勾起了唇角，还以为她是个小财迷，没想到还是暴露了天…
-
fedex快递查询？联邦快递查询单号查询
fedex快递单号查询865365668372签收那p 7, 2011 6:12 PM已送达BROOKLYN, NYSep 7, 2011 2:10 PM货件已装车，派送途中BROOKLYN, NYSep 7, 2011 10:38 AM位于当地的FedEx工作地点BROOKLYN, NYSep 7, 2011 10:27 AM递送例外情况BROOKLYN,…
-
败类歌词完整试听，贵阳败类原唱版免费听
败类歌词有哪些1、败类歌词 不是故意捏造一切， 不是因为路途遥远。 推开你的瞬间。 温暖了730天， 谁让我自私呢。 活该被寒冷淹没。 介于执念和想念之间， 黄昏黎明嘴边挂永远。 直视着坦白有多简单， 可我从谎言中汲取快感。 一句抱歉用来买危险， 偏要继续沉沦做败类。 再多安慰也不如欺骗， 如痴似醉迂回到终点。 介于执念和想念之间， 黄昏黎明嘴边挂永远。 直…
