SpringMVC之json数据交互

处理json数据需要使用jackson包:jackson-core、jackson-databind、jackson-annotations

pom.xml

  <!--引入json的依赖-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.9.0</version>
    </dependency>
  </dependencies>

一、@RequestBody

@RequestBody注解用于读取http请求的内容(字符串),通过springmvc提供的HttpMessageConverter接口将读到的内容(json数据)转换为java对象并绑定到Controller方法的参数上

1. 未使用@RequestBody

http请求的内容,每个请求字段被controller 一对一的接收

index.jsp

<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <input type="button" value="点击" onclick="execute()"/>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript">
    function  execute() {
        $.ajax({
            url:"${pageContext.request.contextPath}/user/testRequestJson",
            data:{"username":"zhangsan","age":20},
            type:"post",
            dataType:"json",
            success:function(data){

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

UserController.java

    @RequestMapping("/testRequestJson")
    public void testRequestJson(String username ,Integer age){
        System.out.println(username);
        System.out.println(age);
    }

在这里插入图片描述
在这里插入图片描述

2.使用@RequestBody将http请求的json数据转换为字符串

@RequestBody注解将http请求的json数据转换为字符串

index.jsp

<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <input type="button" value="点击" onclick="execute()"/>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript">
    function  execute() {
        $.ajax({
            url:"${pageContext.request.contextPath}/user/testRequestJson",
            data:{"username":"zhangsan","age":20},
            type:"post",
            dataType:"json",
            success:function(data){

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

UserController.java

    @RequestMapping("/testRequestJson2")
    public void testRequestJson2(@RequestBody  String body){  //使用@RequestBody将http请求的json数据转换为字符串
        System.out.println(body);
    }

在这里插入图片描述

在这里插入图片描述

3.使用@RequestBody将http请求的json数据转换为java对象进行绑定

User.java

public class User {
    private Integer id;
    private String username;
    private String sex;
}

index.jsp
JSON.stringify()用于将 JavaScript 值转换为 JSON 字符串。

<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <input type="button" value="点击" onclick="execute()"/>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript">
    function  execute() {


        $.ajax({
            url:"${pageContext.request.contextPath}/user/testRequestJson3",
            data:JSON.stringify({"username":"zhangsan","sex":"男"}),
            type:"post",
            //json字符串必须设置
            contentType:'application/json;charset=utf-8',
            dataType:"json",
            success:function(data){

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

UserController.java

    @RequestMapping("/testRequestJson3")
    public void testRequestJson3(@RequestBody  User user){  //使用@RequestBody将http请求的json数据转换为java对象进行绑定
        System.out.println(user);
    }

点击提交后,后台结果为:
在这里插入图片描述


二、@ResponseBody

@ResponseBody注解用于将Controller的方法返回的对象,通过springmvc提供的HttpMessageConverter接口转换为指定格式的数据如:json,xml等,通过Response响应给客户端。

UserController.java

    @RequestMapping("/testResponseBody")
    @ResponseBody
    public List<User> testResponseBody(){
        List<User> userList = new ArrayList<>();
        User user = new User();
        user.setUsername("zhangsan");
        user.setSex("男");
        user.setId(2);

        User user1 = new User();
        user1.setUsername("wangwu");
        user1.setSex("女");
        user1.setId(1);

        userList.add(user);
        userList.add(user1);

        return userList;
    }

index.jsp

<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <input type="button" value="点击" onclick="execute()"/>
</body>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript">
    function  execute() {
	    $.ajax({
	    url:"${pageContext.request.contextPath}/user/testResponseBody",
	            data:{},
	            type:"post",
	            dataType:"json",
	            success:function(data){
	                alert(data)
	                alert(data[0].username);
	                alert(data[1].username);
	            }
	        });
    }
</script>
</html>

点击【点击】按钮后,依次弹出3个提示框。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值