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

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

相关文章

  • Mybatis-plus null值更新不生效问题解决

    Mybatis-plus null值更新不生效问题解决

    在使用Mybatis-plus进行数据更新时,默认策略是NOT_NULL,即null值不会被更新到数据库,解决方法包括设置全局field-strategy、对特定字段设置field-strategy或使用UpdateWrapper方式更新,下面就来介绍一下
    2024-10-10
  • Java中常见的并发控制手段浅析

    Java中常见的并发控制手段浅析

    所谓并发控制就是帮助我们程序员更容易的让线程之间合作,让线程之间相互配合来满足业务逻辑,这篇文章主要给大家介绍了关于Java中常见的并发控制手段的相关资料,需要的朋友可以参考下
    2021-08-08
  • SpringBoot实现多端口监听的代码示例

    SpringBoot实现多端口监听的代码示例

    当你需要在同一个Spring Boot应用中,通过不同的端口来提供不同的服务或功能时,就需要实现多端口监听,所以本文给大家介绍了SpringBoot实现多端口监听的方法示例,并有相关的代码示例供大家参考,需要的朋友可以参考下
    2024-09-09
  • java获取本地文件和远程文件的方式代码示例

    java获取本地文件和远程文件的方式代码示例

    这篇文章主要给大家介绍了关于java获取本地文件和远程文件的方式,我们项目开发的时候,经常会读取文件,如果文件在本服务器,则直接用new File()读取即可,但是有时候需要远程读取文件,需要的朋友可以参考下
    2023-08-08
  • 如何解决Mybatis--java.lang.IllegalArgumentException: Result Maps collection already contains value for X

    如何解决Mybatis--java.lang.IllegalArgumentException: Result Maps

    这两天因为项目需要整合spring、struts2、mybatis三大框架,但启动的时候总出现这个错误,困扰我好久,折腾了好久终于找到问题根源,下面小编给大家分享下问题所在及解决办法,一起看看吧
    2016-12-12
  • 解决JD-GUI for mac big sur打不开问题

    解决JD-GUI for mac big sur打不开问题

    这篇文章主要介绍了解决JD-GUI for mac big sur打不开问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • Java实现拆箱和装箱的原理解析

    Java实现拆箱和装箱的原理解析

    Java 是一种强类型语言,然而在 Java中Integer类型和 int类型两种不同类型的数字却能正常地进行数学运算,为什么?今天我们就来聊聊其背后的秘密:拆箱和装箱,感兴趣的小伙伴跟着小编一起来看看吧
    2024-05-05
  • MyBatis处理枚举类型的方法详解

    MyBatis处理枚举类型的方法详解

    MyBatis 处理枚举类型的机制相对直接,它提供了一种灵活的方式来处理Java枚举(enum)类型和数据库之间的映射,本文给大家介绍了MyBatis处理枚举类型的两种方法,需要的朋友可以参考下
    2024-07-07
  • Java AOP知识详细介绍

    Java AOP知识详细介绍

    这篇文章主要介绍了Java AOP知识详细介绍的相关资料,需要的朋友可以参考下
    2017-01-01
  • Java 将Excel转为UOS的操作方法

    Java 将Excel转为UOS的操作方法

    以.uos为后缀的文件,表示Uniform Office Spreadsheet文件,是一种国产的办公文件格式,该格式以统一办公格式(UOF)创建,使用XML和压缩保存电子表格,这篇文章主要介绍了Java 将Excel转为UOS,需要的朋友可以参考下
    2022-09-09

最新评论