程序博客网 > ico图标制作软件

SpringMVC接收页面表单参数

来源：互联网 发布：ico图标制作软件 编辑：程序博客网 时间：2024/04/28 07:18

转：http://www.cnblogs.com/luxh/archive/2013/03/14/2960152.html

一个普通的表单。

　　表单的代码如下：

[java] view plain copy
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7. <title>Add User</title>  
  8.   
  9.   
  10. <script type="text/javascript">  
  11.     //添加用户  
  12.     function addUser() {  
  13.         var form = document.forms[0];  
  14.         form.action = "${pageContext.request.contextPath}/user/addUser1";  
  15.         //form.action = "${pageContext.request.contextPath}/user/addUser2";  
  16.         //form.action = "${pageContext.request.contextPath}/user/addUser3";  
  17.         form.method = "post";  
  18.         form.submit();  
  19.     }  
  20. </script>  
  21.   
  22. </head>  
  23. <body>  
  24.     <form>  
  25.         <table>  
  26.             <tr>  
  27.                 <td>账号</td>  
  28.                 <td>  
  29.                     <input type="text" name="userName">  
  30.                 </td>  
  31.             </tr>  
  32.             <tr>  
  33.                 <td>密码</td>  
  34.                 <td>  
  35.                     <input type="password" name="password">  
  36.                 </td>  
  37.             </tr>  
  38.             <tr>  
  39.                 <td> </td>  
  40.                 <td>  
  41.                     <input type="button" value="提交" onclick="addUser()">  
  42.                 </td>  
  43.             </tr>  
  44.         </table>  
  45.     </form>  
  46. </body>  
  47. </html>  

1、直接把表单的参数写在Controller相应的方法的形参中

[java] view plain copy
  1. @RequestMapping("/addUser1")  
  2.     public String addUser1(String userName,String password) {  
  3.         System.out.println("userName is:"+userName);  
  4.         System.out.println("password is:"+password);  
  5.         return "/user/success";  
  6.     }  

2、通过HttpServletRequest接收

[java] view plain copy
  1. @RequestMapping("/addUser2")  
  2.     public String addUser2(HttpServletRequest request) {  
  3.         String userName = request.getParameter("userName");  
  4.         String password = request.getParameter("password");  
  5.         System.out.println("userName is:"+userName);  
  6.         System.out.println("password is:"+password);  
  7.         return "/user/success";  
  8.     }  

　3、通过一个bean来接收

　　　　1）建立一个和表单中参数对应的bean

[java] view plain copy
  1. public class User {  
  2.       
  3.     private String userName;  
  4.       
  5.     private String password;  
  6.   
  7.     public String getUserName() {  
  8.         return userName;  
  9.     }  
  10.   
  11.     public void setUserName(String userName) {  
  12.         this.userName = userName;  
  13.     }  
  14.   
  15.     public String getPassword() {  
  16.         return password;  
  17.     }  
  18.   
  19.     public void setPassword(String password) {  
  20.         this.password = password;  
  21.     }  
  22. }  

2）用这个bean来封装接收的参数

[java] view plain copy
  1. @RequestMapping("/addUser3")  
  2.     public String addUser3(User user) {  
  3.         System.out.println("userName is:"+user.getUserName());  
  4.         System.out.println("password is:"+user.getPassword());  
  5.         return "/user/success";  
  6.     }  

　4、通过json数据接收

[java] view plain copy
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7. <title>Add User</title>  
  8.   
  9. <script type="text/javascript" src="${pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js"></script>  
  10. <script type="text/javascript">  
  11.     $(document).ready(function(){  
  12.         $("#button_submit").click(function(){  
  13.             var name = $("#userName").val();  
  14.             var pass = $("#password").val();  
  15.               
  16.   
  17.             var user = {userName:name,password:pass};//拼装成json格式  
  18.               
  19.             $.ajax({  
  20.                 type:"POST",  
  21.                 url:"${pageContext.request.contextPath}/user/addUser4",  
  22.                 data:user,  
  23.                 success:function(data){  
  24.                     alert("成功");  
  25.                 },  
  26.                 error:function(e) {  
  27.                     alert("出错："+e);  
  28.                 }  
  29.             });  
  30.         });  
  31.     });  
  32. </script>  
  33.   
  34. </head>  
  35. <body>  
  36.     <form>  
  37.         <table>  
  38.             <tr>  
  39.                 <td>账号</td>  
  40.                 <td>  
  41.                     <input type="text" id="userName" name="userName">  
  42.                 </td>  
  43.             </tr>  
  44.             <tr>  
  45.                 <td>密码</td>  
  46.                 <td>  
  47.                     <input type="password" id="password" name="password">  
  48.                 </td>  
  49.             </tr>  
  50.             <tr>  
  51.                 <td> </td>  
  52.                 <td>  
  53.                     <input type="button" id="button_submit" value="提交">  
  54.                 </td>  
  55.             </tr>  
  56.         </table>  
  57.     </form>  
  58. </body>  
  59. </html>  

依然可以使用bean来接收json数据

[java] view plain copy
  1. @RequestMapping("/addUser4")  
  2.     public String addUser4(User user) {  
  3.         System.out.println("userName is:"+user.getUserName());  
  4.         System.out.println("password is:"+user.getPassword());  
  5.         return "/user/success";  
  6.     }  

5、使用jQuery的serializeArray() 方法序列化表单元素

　　　　如果表单元素很多，手工拼装成json数据非常麻烦，可以使用jQuery提供的serializeArray()方法序列化表单元素，返回json数据结构数据。

[java] view plain copy
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7. <title>Add User</title>  
  8.   
  9. <script type="text/javascript" src="${pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js"></script>  
  10. <script type="text/javascript">  
  11.     $(document).ready(function(){  
  12.         $("#button_submit").click(function(){  
  13.               
  14.             //序列化表单元素，返回json数据  
  15.             var params = $("#userForm").serializeArray();  
  16.               
  17.             //也可以把表单之外的元素按照name value的格式存进来  
  18.             //params.push({name:"hello",value:"man"});  
  19.               
  20.             $.ajax({  
  21.                 type:"POST",  
  22.                 url:"${pageContext.request.contextPath}/user/addUser5",  
  23.                 data:params,  
  24.                 success:function(data){  
  25.                     alert("成功");  
  26.                 },  
  27.                 error:function(e) {  
  28.                     alert("出错："+e);  
  29.                 }  
  30.             });  
  31.         });  
  32.     });  
  33. </script>  
  34.   
  35. </head>  
  36. <body>  
  37.     <form id="userForm">  
  38.         <table>  
  39.             <tr>  
  40.                 <td>账号</td>  
  41.                 <td>  
  42.                     <input type="text" id="userName" name="userName">  
  43.                 </td>  
  44.             </tr>  
  45.             <tr>  
  46.                 <td>密码</td>  
  47.                 <td>  
  48.                     <input type="password" id="password" name="password">  
  49.                 </td>  
  50.             </tr>  
  51.             <tr>  
  52.                 <td> </td>  
  53.                 <td>  
  54.                     <input type="button" id="button_submit" value="提交">  
  55.                 </td>  
  56.             </tr>  
  57.         </table>  
  58.     </form>  
  59. </body>  
  60. </html>  
依然可以使用bean来接收json数据：
[java] view plain copy
  1. @RequestMapping("/addUser5")  
  2.     public String addUser5(User user) {  
  3.         System.out.println("userName is:"+user.getUserName());  
  4.         System.out.println("password is:"+user.getPassword());  
  5.         return "/user/success";  
  6.     }  
0 0
ico图标制作软件 ico图标制作软件
原创粉丝点击
热门IT博客
网络与新媒体英语要好网络与新媒体英语要好
数据库云备份数据库云备份
知乎app ios7 下载
sybase12.5数据库下载
淘宝卖家延迟发货时间
coc龙升级数据
众惠微交易源码
拍萌萌兔耳朵照片软件
软件开发的职业规划
广州淘宝摄影培训班
pubmed数据库官网外国
淘宝千人千面精刷平台
淘宝卖家不交保证金
在境外储存网络数据
coreldraw mac
ubuntu安装中文支持
淘宝搬家到微店怎么弄
php curl post xml
虎嗅网 源码 2016
数组对象去重
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 矮小怎么办 背痛怎么办 虎头蜂蜇到怎么办 龙鱼撞缸后怎么办 打耳洞后长肉球怎么办 吃蒜胃疼怎么办 被蒜辣伤到胃怎么办 铁兰开完花后怎么办 轮叶黑藻飘草怎么办 绿萝卷叶怎么办 吐泻怎么办 蒸饭机里趟水怎么办 看图王打不开怎么办 多肉越长越高怎么办 归一证怎么办 房贷卡还完后怎么办 被烧到怎么办 热血怎么办 乐教乐学打不开怎么办 脸暗黄长斑怎么办 胃气重怎么办 胃气胀怎么办 胃气上逆怎么办 胃肠道怎么办 结肠怎么办 天刀玩着卡怎么办 玩天刀太卡怎么办 老烂腿痒怎么办 脚生茧怎么办 低温怎么办 勒晕人怎么办 脑出血怎么办 钵钵鸡卖不完怎么办 怎么办凉菜 用洗洁精手起皮怎么办 吃辣胃好疼怎么办 爱奇艺投屏闪退怎么办 卤鸭头太辣怎么办 血橙太酸怎么办 嘴干嘴苦是怎么办 粥里有糊味怎么办

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里