SpringMVC JSON数据交互

时间 2020-02-02

标签 springmvc json 数据交互栏目 Spring 繁體版

原文原文链接

在SpringMVC中使用json，须要添加Jackson的3个jar包：html

jackson-core.jar jackson的核心包
jackson-datebind.jar jackson数据绑定须要的包
jackson-annotations.jar 使用jackson注解须要的包

Jackson jar包的下载

使用maven是最简单的，jar包只能到maven仓库下载：前端

https://mvnrepository.com/search?q=jacksonjava

前三个分别对应Jackson的3个jar包，须要分别下载。jquery

使用流程

以根据学号查询学生信息为例。git

（1）添加jackson的3个jar包

（2）在web下新建文件夹js，把jquery.min.js放进去

（注意是web文件夹下，不是WEB-INF下）github

（2）com.chy.model.Student

@Component
@Scope("prototype")
public class Student {
    private int id;
    private String name;
    private int age;
    private float score;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public float getScore() {
        return score;
    }

    public void setScore(float score) {
        this.score = score;
    }
}

每一个学生都不相同，设计为多例。web

这个bean做为数据传输对象，持久层（dao）用Student对象来封装查询结果，传回给业务层（controller），业务层将Student对象做为响应传给视图层。ajax

（4）前端使用ajax发起请求

  <body>

  <form>
    <%--使用的是jq的id选择器$("#xx")，因此只能用id，不能用name--%>
    学号：<input type="text" id="id"><br />
    <button type="button" id="btn">查询学生信息</button>
  </form>
  <p id="show"></p>
  
  <%-- 开头不能加/，但能够加 ${pageContext.request.contextPath}/ --%>
  <%-- <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script> --%>
  <script src="js/jquery-3.4.1.min.js"></script>
  <script>
    $("#btn").click(function () {
      $.ajax({
        //开头不能加/，但能够加 ${pageContext.request.contextPath}/
        url:"studentController/queryStudent",
        type:"post",
        // 传给后台的数据类型、使用的字符集。能够缺省，由于data:{},看到{}就会自动做为json处理
        // contentType:"application/json;charset=utf-8",
        //传给后台的数据，json形式，key是String类型，value能够是多种类型，键值对之间逗号分隔
        data:{"id":$("#id").val()},
        //期待的返回值类型（回调函数的参数类型）
        dataType:"json",
        error:function () {
          console.log("ajax请求数据失败！");
        },
        success: function (data) {
          //浏览器把接受到的json数据做为js对象，可经过.调用属性
          var info = "姓名：" + data.name + ",年龄：" + data.age + "，成绩：" + data.score;
          $("#show").text(info);
        }
      })
    });
  </script>

  </body>

若是要请求纯文本（字符串），将dateType的值改成text。spring

（4）后台使用controller处理ajax请求

@org.springframework.stereotype.Controller
@RequestMapping("studentController")
public class StudentController{
    private Student student;

    @Autowired
    public void setStudent(Student student) {
        this.student = student;
    }

    @RequestMapping("/queryStudent")
    @ResponseBody
    public Student queryStudent(int id) {
        System.out.println(id);
        //此处省略链接数据库查询
        student.setName("chy");
        student.setAge(20);
        student.setScore(100);
        return student;
    }

}

能够用简单数据类型接收前端传来的数据，也可使用Bean来接收（会赋给同名的属性）。数据库

不少教程说要在业务方法的参数前面加@RequestBody，才能将ajax传来的数据转换为须要的类型；

事实上，随着版本更替，高版本SpringMC内建的转换器已经能够将ajax传来的数据转换须要的类型，加@RequestBody反而会出错。

须要在业务方法上添加注解@ResponseBody，此处解会自动将返回值添加到响应体中，来响应ajax请求。

无论请求的是text、仍是json，都须要使用@ResponseBody。

若是请求的是text，将返回值类型写成String；

若是请求的是json，返回值能够写成bean（返回json对象，好比请求一个学生的信息），也能够写成List（返回json数组，好比请求多个学生的信息）。

（5）springmvc的配置

<?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 http://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <!--配置包扫描-->
    <context:component-scan base-package="com.chy.controller,com.chy.model" />

    <!--注解驱动，会自动使用jackson的json转换器，并自动注册HandlerMapping、HandlerAdapter，因此咱们没必要再配置HandlerMapping、HandlerAdapter-->
    <mvc:annotation-driven />

    <!--配置资源映射，配置过的文件会被DispatcherServlet放行（不交给controller处理）-->
    <mvc:resources mapping="/js/" location="/js/" />

    <!--配置视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/WEB-INF/jsp/" />
        <!--后缀-->
        <property name="suffix" value=".jsp" />
    </bean>

</beans>

踩过的坑

一看到这种以mvc开头的元素：

<mvc:annotation-driven />

<mvc:resources mapping="/js/" location="/js/" />

就知道IDEA又要导错约束：

<?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/cahce"
       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/cache http://www.springframework.org/schema/mvc/spring-cache.xsd">

将cache改成mvc，xsi中对应的2处也要改。

json转换器的2种配置方式

咱们在controller中使用了@ResponseBody、@RequestBody2个注解来进行json——java类型之间的转换，这2个注解须要jackson提供的类型转换器的支持。

配置方式一：

    <!--配置HandlerMapping-->
    <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerMapping" />

    <!--配置HandlerAdapter-->
    <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
        <!--使用list注入要使用的messageConverters-->
        <property name="messageConverters">
            <list>
                <!--Jackson的json转换器-->
                <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter" />
            </list>
        </property>
    </bean>

配置方式二：

<mvc:annotation-driven />

与方式一的配置等价。

ps：

json，即Jackson的缩写，官方在github上的项目名不是json，而是fastxml，更快的xml。

json能够看作是xml的变种，早些年基本都是用xml作数据交互，近些年随着json的兴起，都使用json代替xml了。

jackson的jar包中不只提供了json转换器，也提供了xml转换器。

静态资源配置

参考：http://www.javashuo.com/article/p-qgcprrlt-o.html