@ResponseBody注解的功能：就是告诉springmvc这是一个异步方法，不会经过视图解析器进行解析，也不会去templates去找对应页面得模板。简单来说就是服务器返回什么，浏览器就接收什么，而不会经过视图解析器，例如return 一个User对象，浏览器就会收到一个User对象，但是会转换成json字符串，那么如果返回的是一个页面会返回什么呢？是会报错还是会返回一个页面呢？

答案是会返回一个页面的源码！！！！！

讲一下原理：

如果返回对象，如果加了ResponseBody注解，就会调用response.getWrite.print(jackson(user))

如果返回字符串，也就是String类型，就会调用response.getWrite().print()方法

异步的优势还是很大的，如果我们只想局部的刷新一个页面，而不是返回整个页面就可以通过这种方式将数据传到浏览器，能提升效率。

我们先准备一下环境，pom导入一个thymelf和web就可以

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

 配置文件：

spring:
  thymeleaf:
    suffix: .html
    prefix: classpath:/templates/

 controller

@Controller
public class UserController {
    @RequestMapping("/user")
    private String add(){
        System.out.println("Hello world");
        return "add";
    }
}

 页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>你好</p>
</body>

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="/js/vue.js"></script>
</html>

 准备工作到这里结束，然后写一个异步方法，写一个路由，然后查看一下返回的数据

 一定要加responsebody注解，因为这里返回的是user对象

@ResponseBody
@PostMapping("/user/save")

private User saveUser(){
    User user=new User();
    user.setId(1);
    user.setUsername("gao");
    user.setPassword("123456");
    return user;
}

 异步方法

var vue=new Vue({
    el:"#app",
    methods: {
        saveUser: function () {
        axios.post("/user/save",{}).then(function (res) {
console.log(res)
        });
        }
    }
})

 我们可以看到返回的数据已经到了data中

Object { data: {…}, status: 200, statusText: "", headers: {…}, config: {…}, request: XMLHttpRequest }

​

config: Object { timeout: 0, xsrfCookieName: "XSRF-TOKEN", xsrfHeaderName: "X-XSRF-TOKEN", … }

​

data: Object { username: "gao", id: 1, password: "123456" }

​​

id: 1

​​

password: "123456"

​​

username: "gao"

​​

<prototype>: Object { … }

​

headers: Object { connection: "keep-alive", "content-type": "application/json", date: "Thu, 14 Oct 2021 12:27:53 GMT", … }

​

request: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }

​

status: 200

​

statusText: ""

​

<prototype>: Object { … }

 这就证明了我们返回什么浏览器就得到什么，返回页面可以自行测试，

# ajax # spring # mvc
Logo
CSDN学习社区

CSDN联合极客时间，共同打造面向开发者的精品内容学习社区，助力成长！

更多推荐

嵌入式作业（七）：基于Ardunio的STM32串口通信

嵌入式作业（七）0作业要求1Ardunio 完成STM32的串口通信（1）安装Ardunio IDE（2）stm32串口通信2关于 stduino IDE0作业要求安装 Ardunio IDE 和相关软件支持库，在Ardunio 完成STM32板子的串口通信程序：（1）持续向串口输出“Hello world！”；（2）当接收到“stop!”时，停止输出。网上有一个国人版的MCU集成开发平台， st

avatar CSDN学习社区

JDBC详解

JDBC文章目录JDBC什么是JDBC?JDBC驱动程序:Java使用JDBC访问数据库的步骤:设置classpath:Oracle连接字符串的书写格式:简单的例子:常用数据库的驱动程序及JDBC URL:Oracle数据库:SQL Server数据库MySQL数据库Access数据库PreparedStatement接口:JNDI-数据源（Data Source）与连接池（Connection

avatar CSDN学习社区

“模式识别与机器学习”学习笔记no2.再谈感知机

接**上篇：上篇主要进行了PLA，Pocket算法的理论过程分析和在给定数据集上利用pocket算法对数据集进行分类学习，得到错分数量最少的分类面。上篇中pocket算法的过程已经进行了编程和测试，框架已经建立了起来，这一篇主要上篇中没有提到或涉及不深的几个问题。1.数据集的构造。上篇是直接使用了题目给的向量，这次来根据正态分布来产生数据集。np.random.normal函数可以根据均值和方差生

avatar CSDN学习社区