SpringMVC接收 JSONArray 自动转换为 List对象

最新推荐文章于 2025-06-17 15:56:05 发布

原创最新推荐文章于 2025-06-17 15:56:05 发布 · 1.1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#spring mvc

SpringMVC 专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了如何在SpringMVC中，通过配置和控制器方法，实现JSON数组请求参数自动转化为List类型的对象，从而简化后端处理。

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

用户类

public class User {
    private Long id;
    private String name;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", name='" + name + '\'' +
                '}';
    }
}

UserController

@RequestMapping("/user")
@Controller
public class UserController {

    @RequestMapping("/modify")
    @ResponseBody
    public Object modify(@RequestBody List<User> users) {
        // 业务处理
        System.out.println(users);
        return null;
    }

}

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<button class="btn btn-primary btn-lg" id="test" onclick="modifyUser()">测试</button>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>

    var userArr = [];
    for (var i = 1; i <= 3; i++) {
        var user = {};
        user['id'] = i;
        user['name'] = 'name_' + i;
        userArr.push(user)
    }

    console.log(JSON.stringify(userArr));
    function modifyUser() {

        $.ajax({
            // headers必须添加，否则会报415错误
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            type: "post",
            data: JSON.stringify(userArr),
            url: "/user/modify",
            async: true,
            dataType: "json",
            beforeSend: function () {

            },
            success: function (result) {

            },
            error: function () {

            }
        });
    }
</script>
</body>
</html>