SpringMVC获取表单参数的几种方式

最新推荐文章于 2022-11-27 14:17:00 发布

耶锋

最新推荐文章于 2022-11-27 14:17:00 发布

阅读量3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：编程语言文章标签： springMVC

本文链接：https://blog.youkuaiyun.com/wyf012003/article/details/81775249

编程语言专栏收录该内容

3 篇文章

订阅专栏

本文介绍在SpringMVC环境下实现用户登录的多种方法，包括直接使用表单参数、通过HttpServletRequest对象、使用Java Bean以及通过JSON数据进行处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下几种方式只有在已搭好的SpringMVC环境中，才能执行成功！

一、首先，写一个登陆页面和一个Bean类

登陆页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>yyx博客后台登录</title>
</head>
<body>
    <form action="${pageContext.request.contextPath}/user/login.do"
        method="post">
        <table>
            <tr>
                <td>用户名:</td>
                <td><input type="text"  name="userName"></td>
            </tr>
            <tr>
                <td>密码:</td>
                <td><input type="password"  name="userPwd"></td>
            </tr>
            <tr>
                <td colspan="2"><input type="submit" value="登陆"></td>
            </tr>
        </table>
    </form>
</body>
</html>

java实体类

package com.yyx.model;

public class User{
    private String userName;
    private String userPwd;

    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }

    public String getUserPwd() {
        return userPwd;
    }

    public void setUserPwd(String userPwd) {
        this.userPwd = userPwd;
    }
}

二、获取表单数据的方法

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

注意：控制器中方法的形参String userName，String userPwd名称必须和登陆页面的name="userName"，name="userPwd"相同

package com.yyx.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/user")
public class UserController {
    @RequestMapping("/login")
    public String loginByUser(String userName, String userPwd) {
        System.out.println("userName is:" + userName);
        System.out.println("userPwd is:" + userPwd);
        return "success";
    }
}

2.通过HttpServletRequest接收

控制器中String userName=request.getParameter("userName");String userPwd=request.getParameter("userPwd");的参数名称必须和登陆页面的name="userName"，name="userPwd"相同

package com.yyx.controller;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/user")
public class UserController {
    @RequestMapping("/login")
    public String loginByUser(HttpServletRequest request) {
        String userName=request.getParameter("userName");
        String userPwd=request.getParameter("userPwd");
        System.out.println("userName is:" + userName);
        System.out.println("userPwd is:" + userPwd);
        return "success";
    }
}

3.通过一个bean来接收

登陆页面的name="userName"，name="userPwd"必须和Bean类的属性名称相同

package com.yyx.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import com.yyx.model.User;

@Controller
@RequestMapping("/user")
public class UserController {
    @RequestMapping("/login")
    public String loginByUser(User user) {
        System.out.println("userName is:" + user.getUserName());
        System.out.println("userPwd is:" + user.getUserPwd());
        return "success";
    }
}

4.利用js中ajax请求通过json数据接收

在页面中添加js代码

<script type="text/javascript"
    src="${pageContext.request.contextPath}/static/jquery-3.1.1.min.js"></script>


<script type="text/javascript">
    $(document).ready(function() {
        $("#button_submit").click(function() {
            var name = $("#userName").val();
            var pwd = $("#userPwd").val();
            var user = {
                userName : name,
                userPwd : pwd
            };//拼装成json格式
            $.ajax({
                type : "POST",
                url : "${pageContext.request.contextPath}/user/login.do",
                data : user,
                success : function(data) {
                    alert("成功");
                },
                error : function(e) {
                    alert("出错：" + e);
                }
            });
        });
    });
</script>

控制器中的代码和方法3中的相同。