第5章 Spring Boot的Web开发 二、Spring Boot处理JSON数据
作者：互联网
学习目标：
Spring Boot处理JSON数据
学习大纲：
Spring Boot处理JSON数据
学习内容：
Spring Boot处理JSON数据
在Spring Boot的Web应用中，内置了JSON数据的解析功能，默认使用Jackson自动完成解析（不需要加载Jackson依赖包），当控制器返回一个Java对象或集合数据时，Spring Boot自动将其转换成JSON数据，使用起来很方便简洁。
Spring Boot处理JSON数据时，需要用到两个重要的JSON格式转换注解，分别是@RequestBody和@ResponseBody。
@RequestBody：用于将请求体中的数据绑定到方法的形参中，该注解应用在方法的形参上。
@ResponseBody：用于直接返回JSON对象，该注解应用在方法上。
下面通过一个实例讲解Spring Boot处理JSON数据的过程，该实例针对返回实体对象、ArrayList集合、Map<String, Object>集合以及List<Map<String, Object>>集合分别处理。
【例5-6】Spring Boot处理JSON数据的过程。
1．创建实体类
在ch5_2应用的com.ch.ch5_2.model包中，创建实体类Person。具体代码如下：
package com.ch.ch5_2.model;
public class Person {
private String pname;
private String password;
private Integer page;
public String getPname() {
return pname;
}
public void setPname(String pname) {
this.pname = pname;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public Integer getPage() {
return page;
}
public void setPage(Integer page) {
this.page = page;
}
}
2．创建视图页面
在ch5_2应用的src/main/resources/templates目录下。创建视图页面input.html中，引入jQuery框架，并使用它的ajax方法进行异步请求。具体代码如下：
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" th:href="@{css/bootstrap.min.css}" />
<!-- 默认访问 src/main/resources/static下的css文件夹-->
<link rel="stylesheet" th:href="@{css/bootstrap-theme.min.css}" />
<!-- 引入jQuery -->
<script type="text/javascript" th:src="@{js/jquery.min.js}"></script>
<script type="text/javascript">
function testJson() {
//获取输入的值pname为id
var pname = $("#pname").val();
var password = $("#password").val();
var page = $("#page").val();
alert(password);
$.ajax({
//发送请求的URL字符串
url : "testJson",
//定义回调响应的数据格式为JSON字符串，该属性可以省略
dataType : "json",
//请求类型
type : "post",
//定义发送请求的数据格式为JSON字符串
contentType : "application/json",
//data表示发送的数据
data : JSON.stringify({pname:pname,password:password,page:page}),
//成功响应的结果
success : function(data){
if(data != null){
//返回一个Person对象
//alert("输入的用户名:" + data.pname + "，密码：" + data.password + "，年龄：" + data.page);
//ArrayList<Person>对象
/**for(var i = 0; i < data.length; i++){
alert(data[i].pname);
}**/
//返回一个Map<String, Object>对象
//alert(data.pname);//pname为key
//返回一个List<Map<String, Object>>对象
for(var i = 0; i < data.length; i++){
alert(data[i].pname);
}
}
},
//请求出错
error:function(){
alert("数据发送失败");
}
});
}
</script>
</head>
<body>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">处理JSON数据</h3>
</div>
</div>
<div class="container">
<div>
<h4>添加用户</h4>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<form class="form-horizontal" action="">
<div class="form-group">
<div class="input-group col-md-6">
<span class="input-group-addon">
<i class="glyphicon glyphicon-pencil"></i>
</span>
<input class="form-control" type="text"
id="pname" th:placeholder="请输入用户名"/>
</div>
</div>
<div class="form-group">
<div class="input-group col-md-6">
<span class="input-group-addon">
<i class="glyphicon glyphicon-pencil"></i>
</span>
<input class="form-control" type="text"
id="password" th:placeholder="请输入密码"/>
</div>
</div>
<div class="form-group">
<div class="input-group col-md-6">
<span class="input-group-addon">
<i class="glyphicon glyphicon-pencil"></i>
</span>
<input class="form-control" type="text"
id="page" th:placeholder="请输入年龄"/>
</div>
</div>
<div class="form-group">
<div class="col-md-6">
<div class="btn-group btn-group-justified">
<div class="btn-group">
<button type="button" onclick="testJson()" class="btn btn-success">
<span class="glyphicon glyphicon-share"></span>
测试
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
3．创建控制器
在ch5_2应用的com.ch.ch5_2.controller包中，创建控制器类TestJsonController。该类中有两个处理方法，一个是界面导航方法input，一个是接收页面请求的方法。具体代码如下：
package com.ch.ch5_2.controller;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import com.ch.ch5_2.model.Person;
@Controller
public class TestJsonController {
/**
* 进入视图页面
*/
@RequestMapping("/input")
public String input() {
return "input";
}
/**
* 接收页面请求的JSON数据
*/
@RequestMapping("/testJson")
@ResponseBody
/*@RestController注解相当于@ResponseBody ＋ @Controller合在一起的作用。
1) 如果只是使用@RestController注解Controller，则Controller中的方法无法返回jsp页面或者html，
返回的内容就是Return的内容。
2) 如果需要返回到指定页面，则需要用 @Controller注解。如果需要返回JSON，XML或自定义mediaType内容到页面，
则需要在对应的方法上加上@ResponseBody注解。
*/
public List<Map<String, Object>> testJson(@RequestBody Person user) {
//打印接收的JSON格式数据
System.out.println("pname=" + user.getPname() +
", password=" + user.getPassword() + ",page=" + user.getPage());
//返回Person对象
//return user;
/**ArrayList<Person> allp = new ArrayList<Person>();
Person p1 = new Person();
p1.setPname("陈恒1");
p1.setPassword("123456");
p1.setPage(80);
allp.add(p1);
Person p2 = new Person();
p2.setPname("陈恒2");
p2.setPassword("78910");
p2.setPage(90);
allp.add(p2);
//返回ArrayList<Person>对象
return allp;
**/
Map<String, Object> map = new HashMap<String, Object>();
map.put("pname", "陈恒2");
map.put("password", "123456");
map.put("page", 25);
//返回一个Map<String, Object>对象
//return map;
//返回一个List<Map<String, Object>>对象
List<Map<String, Object>> allp = new ArrayList<Map<String, Object>>();
allp.add(map);
Map<String, Object> map1 = new HashMap<String, Object>();
map1.put("pname", "陈恒3");
map1.put("password", "54321");
map1.put("page", 55);
allp.add(map1);
return allp;
}
}
4．运行
学习时间：
学习产出：
1、 技术笔记 1 遍
2、CSDN 技术博客 1 篇
标签：Web,Spring,Boot,public,JSON,pname,password,data,page 来源： https://blog.csdn.net/weixin_43820675/article/details/113736217