SpringMVC -- 获得请求参数（@RequestBody）基本类型参数、POJO类型参数、数组类型参数、集合类型参数（POJO、ajax）

CodeJiao

1821人浏览 · 2021-10-25 09:59:41

CodeJiao · 2021-10-25 09:59:41 发布

文章目录

1. 获得请求参数

1. 获得请求参数

在这里插入图片描述

1.1 获得基本类型参数

在这里插入图片描述

代码：

后端接口：
在这里插入图片描述
前端页面：

运行结果：

在这里插入图片描述

1.2 获得POJO类型参数

在这里插入图片描述

1.3 获得数组类型参数

在这里插入图片描述

1.4 获得集合类型参数

1.4.1 获得集合参数时要将集合参数包装到POJO

User类：

在这里插入图片描述

package com.tian.pojo;

public class User {

    private String username;
    private int age;
	// get/set
	// toString

VO类：

package com.tian.pojo;

import java.util.List;

public class VO {

    private List<User> userList;

    public List<User> getUserList() {
        return userList;
    }

    public void setUserList(List<User> userList) {
        this.userList = userList;
    }

    @Override
    public String toString() {
        return "VO{" +
                "userList=" + userList +
                '}';
    }
}

UserController:

在这里插入图片描述

新建一个表单，完成提交请求：

在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<form action="${pageContext.request.contextPath}/user/json" method="post">
    <%--表明是第几个User对象的username age--%>
    用户1姓名：<input type="text" name="userList[0].username"><br/>
    用户1年龄：<input type="text" name="userList[0].age"><br/>
    用户2姓名：<input type="text" name="userList[1].username"><br/>
    用户2年龄：<input type="text" name="userList[1].age"><br/>
    <input type="submit" value="提交">
</form>
</body>
</html>

运行结果：

在这里插入图片描述

1.4.2 ajax提交

在这里插入图片描述

引入JQ：

注意不要把资源放在WEB-INF目录下面，否则找不到
在这里插入图片描述

编写ajax请求的页面：

在这里插入图片描述

ajax.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="${pageContext.request.contextPath}/WEB-INF/js/jquery-3.3.1.js"></script>
    <script>
        var userList = [];
        userList.push({username: "zhangsan", age: 18});
        userList.push({username: "lisi", age: 28});

        $.ajax({
            type: "POST",
            url: "${pageContext.request.contextPath}/user/json",
            data: JSON.stringify(userList),
            contentType: "application/json;charset=utf-8"
        });

    </script>
</head>
<body>

</body>
</html>

编写请求：

在这里插入图片描述

UserController:
在这里插入图片描述

运行结果：

在这里插入图片描述

补充：如果提示你找不到JQ文件，请配置

在这里插入图片描述
spring-mvc.xml

    <!--开放资源的访问 这两个随便开启一个-->
    <!--mapping是映射地址 表示发起请求时如果是js目录下面 就去location找 location是资源的位置-->
    <!--    <mvc:resources mapping="/js/**" location="/js/"/>-->
    <!--开放资源的访问（找不到就交给原始的容器 Tomcat Tomcat有能力找到资源） 推荐 -->
    <mvc:default-servlet-handler/>

魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

小参数・大码力・易部署 | Qwen3.6-27B上线魔乐社区，基于昇腾的部署教程来了

继一周前模型开源发布后，千问再度开源Qwen3.6-27B —— 一个拥有270亿参数的稠密多模态模型，也是社区呼声最高的模型规格。Qwen3.6-27B 依然支持多模态思考与非思考模式，在智能体编程方面达到了旗舰级表现，全面超越前代开源旗舰 Qwen3.5-397B-A17B（总参数397B / 激活参数17B的MoE模型）。作为稠密架构，它无需MoE路由即可部署，是开发者在实用、可广泛部署规模