【SpringMVC框架】SpringMVC中通过JSON进行数据交互

最新推荐文章于 2022-07-12 11:33:36 发布

Sampson_S

最新推荐文章于 2022-07-12 11:33:36 发布

阅读量268

点赞数

分类专栏： # SpringMVC框架

本文链接：https://blog.csdn.net/sampson_s/article/details/107405974

版权

SpringMVC框架专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍了在SpringMVC框架中如何利用JSON进行数据交互，包括添加JSON依赖、使用`@ResponseBody`注解返回数据、执行结果展示、接收JSON数据的方法以及在controller层的开发实践。

摘要由CSDN通过智能技术生成

SpringMVC中通过JSON进行数据交互

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

JSON的数据交互在前后端是比较通用的，在前后端分离开发中尤其重要。下面我们来看看JSON在Spring MVC中的使用。

添加JSON依赖

<!--JSON数据处理-->
<dependency>
  <groupId>com.fasterxml.jackson.core</groupId>
  <artifactId>jackson-annotations</artifactId>
  <version>2.4.6</version>
</dependency>
<dependency>
  <groupId>com.fasterxml.jackson.core</groupId>
  <artifactId>jackson-core</artifactId>
  <version>2.4.6</version>
</dependency>
<dependency>
  <groupId>com.fasterxml.jackson.core</groupId>
  <artifactId>jackson-databind</artifactId>
  <version>2.4.6</version>
</dependency>

使用注解@ResponseBody返回数据

/*
 * 处理器
 * 基于注解实现的Handler
 */
@Controller
public class ControllerDemo {
    //JSON返回前台数据
    @Autowired
    private UserService userService;

    @RequestMapping("responseJson")
    @ResponseBody  //将Java对象转化为json数据
    public List<User> userList() {
        List<User> list = userService.getAllUser();
        return list;
    }
}

注：注解@ResponseBody可以添加在方法上，也可以直接添加在方法返回类型前。

执行结果

在这里插入图片描述

接收JSON数据

页面通过jquery中的ajax来提交数据。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!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>JSON测试</title>

    <%--引入jquery:使用ajax提交数据--%>
    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"/>
    <script type="text/javascript">
        $(function () {
            $("#btn").click(function () {
                    $.ajax({
                        contentType: " application/json;charset=UTF-8",
                        <%--JSON--%>
                        data: '{"id":1,"userName":"李四"}',
                        dataType: "json",
                        type: "post",
                        url: "${pageContext.request.contextPath }/user/responseJson"
                    })
                }
            )
        });
    </script>

</head>
<body>
<input type="button" value="JSON测试" id="btn"/>
</body>
</html>

controller层开发

/*
 * 处理器
 * 基于注解实现的Handler
 */
@Controller
public class ControllerDemo {

    @RequestMapping("jsonTest")
    public String jsonTest(){
        return "responseJson";
    }

    @RequestMapping( "responseJson")
    //@RequestBody 将前端的JSON数据解析绑定成Java对象
    public void responseJson(@RequestBody User user) {
        System.out.println(user);
    }
}