一.配置不过滤静态资源文件:用来访问webapp中js,css,images文件

1.修改springmvc.xml

     <!--配置前端控制器,用于设置哪些资源不拦截-->
<mvc:resources location="/css/" mapping="/css/**"/> <!-- 样式 -->
<mvc:resources location="/images/" mapping="/images/**"/> <!-- 图片 -->
<mvc:resources location="/js/" mapping="/js/**"/> <!-- javascript -->

2.jsp:

 <%@ page contentType="text/html;charset=UTF-8" language="java" %>

 <html>
<head>
<title>response</title>
<script src="js/jquery.min.js"></script>
<script>
//页面加载,绑定点击事件
$(function () {
$("#btn").click(function () {
alert("hello btn");
});
});
</script>
</head>
<body> <a href="user/testString">testString</a> <br>
<a href="user/testVoid">testVoid</a> <br>
<a href="user/testModelAndView">testModelAndView</a> <br>
<a href="user/testForwardOrRedirect">testForwardOrRedirect</a> <br> <button id="btn">发送ajax的请求</button>
</body>
</html>

展示:

二.客户端发送json请求给服务器端

jsp:

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

方法:

     /**
* 模拟Ajax异步请求响应,RequestBody 获得请求体数据
* @param body
*/
@RequestMapping("/testAjax")
public void testAjax(@RequestBody String body){ System.out.println("testAjax执行了..."); System.out.println(body);
}

执行结果:

三.服务器返回json给客户端

首先需要修改pom.xml导入jackson的jar包用于解析和封装json数据:

         <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>

jsp:

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

方法:

     /**
* 模拟Ajax异步请求响应,RequestBody:获得请求体数据,ResponseBody:服务器响应数据
*
* @param user
*/
@RequestMapping("/testAjax")
public @ResponseBody User testAjax(@RequestBody User user) { System.out.println("testAjax执行了..."); //客户端发送ajax请求的数据,通过导入jackson的jar包将json数据转换为JavaBean对象user
System.out.println(user.toString()); //模拟数据库查询
user.setUsername("小美");
user.setAge(55); //服务器返回给客户端数据
return user;
}

展示:

5.学习springmvc响应json数据的更多相关文章

  1. springmvc学习笔记(18)-json数据交互

    springmvc学习笔记(18)-json数据交互 标签: springmvc springmvc学习笔记18-json数据交互 springmvc进行json交互 环境准备 加入json转换的依赖 ...

  2. 【Spring学习笔记-MVC-3.1】SpringMVC返回Json数据-方式1-扩展

    <Spring学习笔记-MVC>系列文章,讲解返回json数据的文章共有3篇,分别为: [Spring学习笔记-MVC-3]SpringMVC返回Json数据-方式1:http://www ...

  3. springmvc 怎么响应json数据

    springmvc 怎么响应json数据@Controller@RequestMapping("/items") class ItemsController{  @RequestM ...

  4. 【Spring学习笔记-MVC-4】SpringMVC返回Json数据-方式2

    <Spring学习笔记-MVC>系列文章,讲解返回json数据的文章共有3篇,分别为: [Spring学习笔记-MVC-3]SpringMVC返回Json数据-方式1:http://www ...

  5. 【Spring学习笔记-MVC-3】SpringMVC返回Json数据-方式1

    <Spring学习笔记-MVC>系列文章,讲解返回json数据的文章共有3篇,分别为: [Spring学习笔记-MVC-3]SpringMVC返回Json数据-方式1:http://www ...

  6. spring MVC 返回值信息和ResponseBody的响应json数据

    spring mvc的界面返回: 如果我们定义的返回类型是String 那么我们返回的时候直接写入 我们的界面的名字就可以了  springmvc会自动去找到我们的界面,如果是void类型的返回那么 ...

  7. SpringMVC(三)-- 视图和视图解析器、数据格式化标签、数据类型转换、SpringMVC处理JSON数据、文件上传

    1.视图和视图解析器 请求处理方法执行完成后,最终返回一个 ModelAndView 对象 对于那些返回 String,View 或 ModeMap 等类型的处理方法,SpringMVC 也会在内部将 ...

  8. SpringMVC返回JSON数据时日期格式化问题

    https://dannywei.iteye.com/blog/2022929 SpringMVC返回JSON数据时日期格式化问题 博客分类: Spring   在运用SpringMVC框架开发时,可 ...

  9. SpringMVC传递JSON数据

    文章目录 一.前后端传递和接收JSON数据 1:是要Ajax默认格式来传递数据(*) 2:使用application/json格式来传递数据 二.spring-web.xml中需要如下配置 一.前后端 ...

随机推荐

  1. 『正睿OI 2019SC Day6』

    动态规划 \(dp\)早就已经是经常用到的算法了,于是老师上课主要都在讲题.今天讲的主要是三类\(dp\):树形\(dp\),计数\(dp\),\(dp\)套\(dp\).其中计数\(dp\)是我很不 ...

  2. Java Objective-C AOP

    Java Use an AOP library or byte-code engineering (BCEL, cglib, asm, etc) to create a sub-class on th ...

  3. Syste.IO命名空间下的流操作类之间的关系

  4. EasyUI datagrid-export 将datagrid的数据导出至Excel-解决科学计数法

    通过EasyUI datagrid-export.js 将datagrid的数据导出至Excel的时候,如果有类似身份证一样很长的数字,需要在后台返回数据的时候在数字前增加一个 “ ”,将数字转为字符 ...

  5. Static and Instance Methods in JavaScript

    class.method/instance method https://abdulapopoola.com/2013/03/30/static-and-instance-methods-in-jav ...

  6. win7 VirtualBox E_FAIL (0x80004005)解决

    环境:win7virtualbox 6.0.10 安装virtualbox6.0.10之后,新建一个centos虚拟机,提示启动任务失败 报错信息:返回代码: E_FAIL (0x80004005)组 ...

  7. Django--模型层进阶

    目录 QuerySet对象 可切片 可迭代 惰性查询 缓存机制 何时查询集不会被缓存? exists()与iterator()方法 exists() iterator() 中介模型 查询优化 表数据 ...

  8. Springboot - java.lang.IllegalStateException: Failed to load property source from location 'classpath:/application.yml'

    Caused by: org.yaml.snakeyaml.scanner.ScannerException: while scanning a simple key in 'reader', lin ...

  9. [译] Ruby如何访问Excel文件

    Parsing Excel Files with Ruby  BY: MATT NEDRICH   翻译:佣工7001 本文中,我将会评判几种Ruby语言访问Excel文件的库.我将要讨论针对不同格式 ...

  10. Springboot vue.js html 跨域 前后分离 Activiti6 shiro 权限

    官网:www.fhadmin.org 特别注意: Springboot 工作流  前后分离 + 跨域 版本 (权限控制到菜单和按钮) 后台框架:springboot2.1.2+ activiti6.0 ...