当前位置:   article > 正文

(13)SpringMVC - 响应JSON数据_spring json响应excel流

spring json响应excel流

如果当我们的页面发送一个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/**"/> <!-- 图片 -->
  • 1
  • 2
  • 3

成功弹出内容!!!

在这里插入图片描述

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

在这里插入图片描述

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

但是写的如下代码不用那么麻烦了,现在直接返回user,
内部转换成对象,帮你响应
在这里插入图片描述
点击:
在这里插入图片描述
弹出内容:
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/码创造者/article/detail/842517
推荐阅读
相关标签
  

闽ICP备14008679号