Spring MVC-JSON

$.ajax({ type:“post”,

url:“${pageContext.request.contextPath }/json”,

data:‘{“id”:“1”,“name”:“yixin”,“pwd”:“1999”}’,

contentType:“application/json;charset=utf-8”,

success:function(data) {

alert(data.id + “:” + data.name);

} }); }

后端接收数据：

@RequestMapping(“/json”)

@ResponseBody

public Blog json(@RequestBody Blog blog) {

System.out.println(“转换成功!”);

return blog;

}

到这里，大家应该对@RequestBody和@ResponseBody两个注解有了大概的了解，接下来将讲解具体的实现步骤。

6.实现案例

======

第一步：导入相关依赖

com.fasterxml.jackson.core

jackson-databind

2.9.8

第二步：编写applicationContext.xml文件

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns=“http://www.springframework.org/schema/beans”

xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”

xmlns:context=“http://www.springframework.org/schema/context”

xmlns:mvc=“http://www.springframework.org/schema/mvc”

xsi:schemaLocation="http://www.springframework.org/schema/beans

http://www.springframework.org/schema/beans/spring-beans.xsd

http://www.springframework.org/schema/context

https://www.springframework.org/schema/context/spring-context.xsd

http://www.springframework.org/schema/mvc

https://www.springframework.org/schema/mvc/spring-mvc.xsd">

<context:component-scan base-package=“com.yixin.controller”/>

<mvc:default-servlet-handler />

<mvc:annotation-driven />

<bean class=“org.springframework.web.servlet.view.InternalResourceViewResolver”

id=“internalResourceViewResolver”>

第三步：编写web.xml文件

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns=“http://xmlns.jcp.org/xml/ns/javaee”

xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”

xsi:schemaLocation=“http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd”

version=“4.0”>

SpringMVC

org.springframework.web.servlet.DispatcherServlet

contextConfigLocation

classpath:applicationContext.xml

1

SpringMVC

/

encoding

org.springframework.web.filter.CharacterEncodingFilter

encoding

utf-8

encoding

/*

第四步：编写Blog实体

@Data

@AllArgsConstructor

@NoArgsConstructor

public class Blog {

private int id;

private String name;

private String pwd;

}

第五步：controller代码实现

@Controller

public class BlogController {

@RequestMapping(“/json”)

@ResponseBody

public Blog json(@RequestBody Blog blog) {

//数据处理

blog.setName(“hello,yixin”);

System.out.println(“转换成功!”);

return blog;

}

}

第六步：前端jsp实现

（1）由于需要用到ajax传递数据，需要先导入相关jar包（jquery-3.4.1.min.js）。

（当然也可以选择在线导入，就不需要去下载了，以下有讲解）

（2）编写前端jsp页面

<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

<%-- 在线导入–%>

<%-- –%>

配置tomcat，运行。

注意：检查相关依赖有没有导入来，在project structure下的相关项目检查是否有相关依赖。没有则导入相关依赖。

运行截图：

分析：

前台传的是id、name和pwd三个属性，所以在后台就用Blog类来接收了，这个类中也有这三个属性。

通过@RequestBody注解，它是将前台传过来的json串转换成Blog对象，然后再将该对象return回去。

通过@ResponseBody注解将Blog对象转成json格式返回给前台。这样前台接收到了后就可以解析了。

接下来我们来进行页面分析request和response

查看响应的信息：

这里就是修改了数据并返回了对象

7.输出其它对象

========

后端：

@RequestMapping(“/json1”)

@ResponseBody

public String json1(@RequestBody Blog blog) throws JsonProcessingException {

//创建一个jackson的对象映射器，用来解析数据

ObjectMapper mapper = new ObjectMapper();

//创建一个对象

Blog blog2=new Blog(1,“一心”,“123”);

//将我们的对象解析成为json格式

String str = mapper.writeValueAsString(blog2);

//如果不想json格式化,直接输出Blog的toString

//String str=blog2.toString();

return str;

}

前端：

function sendJson2() {

$.ajax({ type:“post”,

url:“${pageContext.request.contextPath }/json1”,

data:‘{“id”:“1”,“name”:“yixin”,“pwd”:“1999”}’,

contentType:“application/json;charset=utf-8”,

success:function(data) {

alert(data);

} }); }

输出：

可以发现，这种转换方式会导致中文出现乱码。

乱码解决方案：

将之前在applicationContext.xml文件下的

mvc:annotation-driven/

更改为：

mvc:annotation-driven

<mvc:message-converters register-defaults=“true”>

</mvc:message-converters>

</mvc:annotation-driven>

这样做的目的是更改了StringHttpMessageConverter转换配置。

重新运行：

8.集合输出

======

后端：

@RequestMapping(“/json2”)

@ResponseBody

public String json2(@RequestBody Blog blog) throws JsonProcessingException {

//创建一个jackson的对象映射器，用来解析数据

ObjectMapper mapper = new ObjectMapper();

List list=new ArrayList();

Blog blog2=new Blog(1,“一心”,“123”);

Blog blog3=new Blog(2,“张三”,“456”);

Blog blog4=new Blog(3,“李四”,“789”);

list.add(blog2);

list.add(blog3);

list.add(blog4);

//将我们的对象解析成为json格式

String str = mapper.writeValueAsString(list);

return str;

}

前端：

function sendJson3() {

$.ajax({ type:“post”,

url:“${pageContext.request.contextPath }/json2”,

data:‘{“id”:“1”,“name”:“yixin”,“pwd”:“1999”}’,

contentType:“application/json;charset=utf-8”,

success:function(data) {

alert(data);

} }); }

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

写在最后

还有一份JAVA核心知识点整理（PDF）：JVM，JAVA集合，JAVA多线程并发，JAVA基础，Spring原理，微服务，Netty与RPC，网络，日志，Zookeeper，Kafka，RabbitMQ，Hbase，MongoDB，Cassandra，设计模式，负载均衡，数据库，一致性哈希，JAVA算法，数据结构，加密算法，分布式缓存，Hadoop，Spark，Storm，YARN，机器学习，云计算…

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！**

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

写在最后

还有一份JAVA核心知识点整理（PDF）：JVM，JAVA集合，JAVA多线程并发，JAVA基础，Spring原理，微服务，Netty与RPC，网络，日志，Zookeeper，Kafka，RabbitMQ，Hbase，MongoDB，Cassandra，设计模式，负载均衡，数据库，一致性哈希，JAVA算法，数据结构，加密算法，分布式缓存，Hadoop，Spark，Storm，YARN，机器学习，云计算…

[外链图片转存中…(img-n2AcP1HE-1713301949561)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！