SpringMVC(三)--------JSON、Ajax、拦截器、文件上传下载

本文详细介绍了SpringMVC中关于JSON交互处理,包括JSON概念、JavaScript对象互转及Controller返回JSON数据。接着探讨了Ajax的基本原理和使用,如jQuery.Ajax方法。此外,还涵盖了自定义拦截器的实现,以及文件上传和下载的配置和操作流程。
摘要由CSDN通过智能技术生成

SpringMVC(三)--------JSON、Ajax、拦截器、文件上传下载

8、Json交互处理

8.1 什么是JSON

  • JSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式,目前使用特别广泛
  • 采用完全独立于编程语言的文本格式来存储和表示数据
  • 简介和清晰的层次结构使得JSON成为理想的数据交换语言
  • 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

在 JavaScript 语言中,一切都是对象。因此,任何JavaScript 支持的类型都可以通过 JSON 来表示,例如字符串、数字、对象、数组等。看看他的要求和语法格式:

  • 对象表示为键值对,数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组

JSON 键值对是用来保存 JavaScript 对象的一种方式,和 JavaScript 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 “” 包裹,使用冒号 : 分隔,然后紧接着值:

{
   "name": "zzz"}
{
   "age": "18"}
{
   "sex": "女"}

很多人搞不清楚 JSON 和 JavaScript 对象的关系,甚至连谁是谁都不清楚。其实,可以这么理解:

  • JSON 是 JavaScript 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。
var obj = {
   a: 'Hello', b: 'World'}; //这是一个对象,注意键名也是可以使用引号包裹的
var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串,本质是一个字符串

8.2 JSON 和 JavaScript 对象互转

  • 要实现从JSON字符串转换为JavaScript对象,使用JSON.parse()方法
//将json对象转换为JavaScript对象
        var obj = JSON.parse(json);
        console.log(obj);
//{name:'zhang',age:18,sex:'女'}
  • 要实现从JavaScript字符串转换为JSON对象,使用JSON.stringify()方法
//将js对象转换为json对象
        var json = JSON.stringify(user);
        console.log(json);
//{"name":"zhang","age":18,"sex":"女"}
  • 代码测试
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

        <script type="text/javascript">

            //编写一个JS对象
            const user = {
     
                name: "zhy",
                age: 3,
                sex: "男"
            };
            console.log(user);

            //将JS对象转换为JSON对象
            let json = JSON.stringify(user);
            console.log(json);

            //将JSON对象转换为JS对象
            let js = JSON.parse(json);
            console.log(js)

        </script>
    </head>
    <body>

    </body>
</html>
  • 在IDEA中使用浏览器打开,查看控制台输出

8.3 Controller返回JSON数据

  • Jackson应该是目前比较好的json解析工具了
  • 当然工具不止这一个,比如还有阿里巴巴的fastjson等等
  • 我们这里使用Jackson,使用它需要在pom.xml中导入它jar包
<dependencies>
    <!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
    <dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.12.4</version>
    </dependency>
</dependencies>
  • 配置SpringMVC需要的配置,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">

    <!--1.注册servlet-->
    <servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--通过初始化参数指定SpringMVC配置文件的位置,进行关联-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc-servlet.xml</param-value>
        </init-param>
        <!-- 启动顺序,数字越小,启动越早 -->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!--所有请求都会被springmvc拦截 -->
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <filter>
        <filter-name>encoding</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encoding</filter-name>
        <url-pattern>/</url-pattern>
    </filter-mapping>
</web-app>
  • 编写springmvc-servlet.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">

    <!-- 自动扫描指定的包,下面所有注解类交给IOC容器管理 -->
    <context:component-scan base-package="com.zmt.controller"/>

    <!-- 视图解析器 -->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
          id="internalResourceViewResolver">
        <!-- 前缀 -->
        <property name="prefix" value="/WEB-INF/jsp/" />
        <!-- 后缀 -->
        <property name="suffix" value=".jsp" />
    </bean>
</beans>
  • 编写一个User实体类
public class User {
   
    private int id;
    private String name;
    private int age;
}
  • 编写Controller
@Controller
public class UserController {
   
    @RequestMapping("/j1")
    @ResponseBody //加了这个注解,就不会走视图解析器,会直接返回一个字符串
    public String json1() throws JsonProcessingException {
   
        //jackson,ObjectMapper
        ObjectMapper mapper = new ObjectMapper();

        //创建一个对象
        User user = new User("zzz",18,"女");

        //将返回值变为一个字符串
        String str = mapper.writeValueAsString(user);

        return str;
    }
}
  • 中文会产生乱码
//produces:指定响应体返回类型和编码
@RequestMapping(value = "/j1",produces = "application/json;charset=utf-8")
  • 配置tomcat,测试

8.4 代码优化

乱码统一解决
  • 上一种方法比较麻烦,如果项目中有许多请求,则每一个都要添加,可以通过Spring配置统一指定,这样就不用每次都去处理了
  • 我们可以在springmvc的配置文件上添加一段消息StringHttpMessageConverter转换配置
<!--JSON乱码问题配置-->
<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>
返回json字符串统一解决
  • @ResponseBody:加在方法上,需要每个方法都加,不建议用
@Controller
public class UserController {
   
    @RequestMapping(value = "/j1")
    @ResponseBody //加了这个注解,就不会走视图解析器,会直接返回一个字符串
    public String json1() throws JsonProcessingException {
   
        //jackson,ObjectMapper
        //json对象映射器,用来解析数据
        ObjectMapper mapper = new ObjectMapper();

        //创建一个对象
        User user = new User("zzz",18,"女");

        //将返回值变为一个字符串
        String str = mapper.writeValueAsString(user);

        return str;
    }
}
  • RestController:以下所有方法只会返回字符串,直接加到类上即可【相当于Controller和ResponseBody】
@RestController
public class UserController {
   
    @RequestMapping(value = "/j1")
    public String json1() throws JsonProcessingException {
   
        //jackson,ObjectMapper
        ObjectMapper mapper = new ObjectMapper();

        //创建一个对象
        User user = new User("zzz",18,"女");

        //将返回值变为一个字符串
        String str = mapper.writeValueAsString(user);

        return str;
    }
}

8.5 测试集合输出

 @RequestMapping(value = "/j2")
    public String json2() throws JsonProcessingException {
   
        //jackson,ObjectMapper
        ObjectMapper mapper = new ObjectMapper();

        ArrayList<User> userList = new ArrayList<>();

        User user1 = new User("zzz",18,"女");
        User user2 = new User("mmm",19,"女");
        User user3 = new User("ttt",20,"女");

        userList.add(user1);
        userList.add(user2);
        userList.add(user3);

        //将返回值变为一个字符串
        String str = mapper.</
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值