（13）SpringMVC - 响应JSON数据

如果当我们的页面发送一个Ajax请求，明显是一个异步请求，若我的后台要把对象转换成JSON格式的字符串给响应回去。 那么怎么办？？

1 响应JSON数据之过滤静态资源

想要完成这个，首先要搭建一个异步的环境.
引入一个js文件

我们发现，我们点击的时候，它没有弹出内容
为什么呢？
因为我们的web.xml里面 拦截了任何的资源

静态资源：样式，图片，js

所以我们要告诉前端控制器，哪些静态资源不拦截

其中css和images的内容没有写完全！！！ 以后如果有样式和图片也再webapp底下创建css和images对应的包！！

location:是指不拦截这个路径下的文件
** 代表当前路径下的任何文件
mapping:跟我的映射请求有关，与我们指定的这个路径下的文件进行映射

以后相关的，静态资源不拦截设置

<mvc:resources location="/js/" mapping="/js/**"/> <!-- 图片 -->
<mvc:resources location="/css/" mapping="/css/**"/> <!-- 样式 -->
<mvc:resources location="/images/" mapping="/images/**"/> <!-- 图片 -->

成功弹出内容！！！

2 响应JSON数据之发送Ajax的请求

• url: 后台的请求方法
• contentType: (默认: “application/x-www-form-urlencoded”) 发送信息至服务器时内容编码类型。默认值适合大多数情况。如果你明确地传递了一个content-type给 $.ajax() 那么他必定会发送给服务器（即使没有数据要发送）
• data: 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:[“bar1”, “bar2”]} 转换为 ‘&foo=bar1&foo=bar2’。
• dataType: 预期服务器返回的数据类型。
• type: (默认: “GET”) 请求方式 (“POST” 或 “GET”)， 默认为 “GET”。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。
• success: 请求成功后的回调函数。

<script>
        //页面加载，绑定单击事件
        $(function () {
            $("#btn").click(function () {
                // alert("hello btn");
                //发送Ajax请求
                $.ajax({
                    //编写json格式，设置属性和值
                    url:"user/testAjax",
                    contentType:"application/json;charset=UTF-8",
                    data:'{"username":"hehe","password":"123","age":30}',
                    dataType:"json",
                    type:"post",
                    success:function (data) {
                        //data服务器端响应的json的数据，进行解析
                    }
                });
            });
        });
    </script>

Controller类中：

点击之后：

控制台输出：

Ajax的异步请求响应成功

用Ajax模拟异步请求响应成功，那么接下来
能不能把json这个串封装到一个JavaBean的对象当中
如果能的话，把json的这个串给响应回来
客户端能拿到这个结果，进行局部的刷新和处理

3 响应JSON数据之响应JSON格式数据

想把json这个串封装到一个JavaBean的对象当中

首先json字符串和JavaBean的对象互相转化的过程中，需要使用jackson的jar包
pom文件中

<!-- jackson的jar包-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.9.0</version>
    </dependency>

拿到User对象，自己把user对象转换成json字符串，
然后再通过response对象拿到它的输出流，在往回写出去

但是写的如下代码不用那么麻烦了，现在直接返回user，
内部转换成对象，帮你响应

点击：

弹出内容: