JSON＋SpringMVC观狂神视频笔记

最新推荐文章于 2024-07-29 11:32:06 发布

三十七℃八

最新推荐文章于 2024-07-29 11:32:06 发布

阅读量218

点赞数

文章标签： json javascript 前端

本文链接：https://blog.csdn.net/weixin_48183058/article/details/127087822

版权

前后端分离时代：

后端部署后端，提供接口。提供数据

json

前端独立部署，负责渲染后端的数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //编写一个javascript对象
        var user = {
            name :"傅舟航",
            age:3,
            sex:"男"
        }
        //将JS对象转换为Json对象
        var json = JSON.stringify(user);
        console.log(json);

        //将JSON对象转换为javascript对象
        var obj = JSON.parse(json);
        console.log(obj)
    </script>
</head>
<body>

</body>
</html>

JSON类似于字符串形式，而JavaScript类似于对象

导入json解析工具

<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.12.3</version>
</dependency>

json返回到前端

@Controller
public class UserController{
    @ResponseBody//增加此注解，不会走视图解析器，会直接返回一个字符串
    @RequestMapping(value = "/j1",produces = "application/json;charset=utf-8")//produces：指定响应体返回类型和编码
    public String json1() throws JsonProcessingException {
        //jackson，objectmapper
        ObjectMapper mapper = new ObjectMapper();
        //创建一个对象
        User user = new User("傅舟航",1,"男");
        String str = mapper.writeValueAsString(user);//可以把一个值变为一个字符串
        return str;
    }
}

spring配置解决乱码

<mvc:annotation-driven>
   <mvc:message-converters register-defaults="true">
       <bean class="org.springframework.http.converter.StringHttpMessageConverter">
           <constructor-arg value="UTF-8"/>
       </bean>
       <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
           <property name="objectMapper">
               <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
                   <property name="failOnEmptyBeans" value="false"/>
               </bean>
           </property>
       </bean>
   </mvc:message-converters>
</mvc:annotation-driven>