SpringMVC接收页面表单参数-白红宇

SpringMVC接收页面表单参数

阅读量：5833 次

发布时间：2019-06-18

本文共 5080 字，大约阅读时间需要 16 分钟。

一个普通的表单。

　　表单的代码如下：

[java]

<%@ 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">

//添加用户

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="提交" οnclick="addUser()">

</td>

</tr>

</table>

</form>

</body>

</html>

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

[java]

@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接收

[java]

@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

[java]

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来封装接收的参数

[java]

@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数据接收

[java]

<%@ 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> </td>

<td>

<input type="button" id="button_submit" value="提交">

</td>

</tr>

</table>

</form>

</body>

</html>

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

[java]

@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、使用的serializeArray() 方法序列化表单元素

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

[java]

<%@ 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> </td>

<td>

<input type="button" id="button_submit" value="提交">

</td>

</tr>

</table>

</form>

</body>

</html>

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

[java]

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. }

转载于:https://www.cnblogs.com/mqws/p/6016149.html

你可能感兴趣的文章

独立开发一个云（PaaS）的核心要素, Go, Go, Go!!!

查看>>

MyBatis使用DEMO及cache的使用心得

查看>>

网站文章如何能自动判定是抄袭？一种算法和实践架构剖析

查看>>

【OpenCV学习】滚动条

查看>>

ofo用科技引领行业进入4.0时代用户粘性连续8个月远甩摩拜

查看>>

兰州青年志愿者“中西合璧”玩快闪温暖旅客回家路

查看>>

计划10年建10万廉价屋新西兰政府：比想象中难

查看>>

甘肃发首版《3D打印职业教育教材》：校企合作育专才

查看>>

李娜入选国际网球名人堂成亚洲第一人

查看>>

为找好心人抚养孩子浙江一离婚父亲将幼童丢弃公园

查看>>

晚婚晚育近20年巴西35岁以上孕妇增加65%

iOS 9.0之后NSString encode方法替换

查看>>

解决 ThinkPHP5 无法接收客户端 Post 传递的 Json 参数

查看>>

ASMFD (ASM Filter Driver) Support on OS Platforms (Certification Matrix). (文档 ID 2034681.1)

查看>>

CRM Transaction处理中的权限控制

查看>>

[转]linux创建链接文件的两种方法

查看>>