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

本文介绍了在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);
    }
}
  • 注:接收的bean前使用注解@requestBody,用来接收前端页面的JSON数据。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值