首页 前端知识 Spring MVC-JSON

Spring MVC-JSON

2024-06-02 09:06:53 前端知识 前端哥 798 94 我要收藏

$.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” %>

$Title$

<%-- 在线导入–%>

<%-- –%>

配置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开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。img

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

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

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)

img

写在最后

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

image

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

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

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)

img

写在最后

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

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10560.html
标签
mvcspring
评论
发布的文章

HTML5 CSS3面试题整理

2024-05-05 22:05:21

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!