SpringMVC接收页面表单参数

 更新时间:2017年05月02日 10:38:23   作者:碧波寒  
本篇文章主要介绍了SpringMVC接收页面表单参数的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧

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; }
  //getter,setter方法。。. }

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="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Add User</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
 $(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>&nbsp;</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="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Add User</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
 $(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>&nbsp;</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";
 }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

相关文章

  • 一篇文章带你入门java代理模式

    一篇文章带你入门java代理模式

    这篇文章主要介绍了Java代理模式,结合实例形式详细分析了java基本数据类型、数据类型转换、算术运算符、逻辑运算符等相关原理与操作技巧,需要的朋友可以参考下
    2021-08-08
  • 利用JStack排查死锁问题和CPU100%问题

    利用JStack排查死锁问题和CPU100%问题

    无论是再面试过程中还是再实际项目开发当中我们都有可能遇到这两个问题如何利用JStack排查死锁问题和CPU100%问题,文中给出了详细的排查过程和解决方法,需要的朋友可以参考下
    2023-12-12
  • Java多线程之synchronized关键字的使用

    Java多线程之synchronized关键字的使用

    这篇文章主要介绍了Java多线程之synchronized关键字的使用,文中有非常详细的代码示例,对正在学习java的小伙伴们有非常好的帮助,需要的朋友可以参考下
    2021-04-04
  • MyBatis实现配置加载的步骤

    MyBatis实现配置加载的步骤

    本文主要介绍了MyBatis实现配置加载的步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • Spring容器初始化及问题解决方案

    Spring容器初始化及问题解决方案

    这篇文章主要介绍了Spring容器初始化及问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • java实现双向链表的增删改

    java实现双向链表的增删改

    这篇文章主要为大家详细介绍了java实现双向链表的增删改,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • java struts2学习笔记之线程安全

    java struts2学习笔记之线程安全

    这篇文章主要为大家详细介绍了java struts2学习笔记之线程安全,感兴趣的朋友可以参考一下
    2016-04-04
  • JAVA-NIO之Socket/ServerSocket Channel(详解)

    JAVA-NIO之Socket/ServerSocket Channel(详解)

    下面小编就为大家带来一篇JAVA-NIO之Socket/ServerSocket Channel(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 话说Spring Security权限管理(源码详解)

    话说Spring Security权限管理(源码详解)

    本篇文章主要介绍了话说Spring Security权限管理(源码详解) ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 关于SpringCloud Ribbon替换轮询算法问题

    关于SpringCloud Ribbon替换轮询算法问题

    Spring Cloud Ribbon是基于Netlix Ribbon实现的一套客户端负载均衡的工具。接下来通过本文给大家介绍SpringCloud Ribbon替换轮询算法问题,需要的朋友可以参考下
    2022-01-01

最新评论