当前位置：首页 > news >正文

Spring MVC 之返回数据（静态页面、非静态页面、JSON对象、请求转发与请求重定向）

news 文章来源：https://blog.csdn.net/m0_58761900/article/details/128457607 2025/1/31 7:51:17

文章目录

1. 默认情况下返回静态页面
2. 返回一个非静态页面的数据
- 2.1 @ResponseBody 返回页面内容
- 2.2 @RestController = @ResponseBody + @Controller
3. 实现登录功能，返回 JSON 对象
- 3.1 前端使⽤ ajax，后端返回 json 给前端
- 3.2 前端发送 JSON 的标准格式
4. 请求转发(forward)或请求重定向(redirect)
- 4.1 请求转发：forward
- 4.2 请求重定向：redirect
5. 请求转发和请求重定向的区别

1. 默认情况下返回静态页面

直接在这里返回的，那么返回的就是静态页面的名称，比如

@Controller
public class TestController {@RequestMapping("/sayhi")public String sayHi() {return "hello.html";}
}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1 style="color: red">我是 hello.html</h1>
</body>
</html>

可以看到前面返回的内容是 hello.html，这里通过一级目录 sayhi，也可以访问到这个页面，说明返回的虽然是 String 类型，但实际上是一个页面
在这里插入图片描述

2. 返回一个非静态页面的数据

2.1 @ResponseBody 返回页面内容

@ResponseBody 可以修饰类也可以修饰方法
修饰类：表示当前类中的所有方法都会返回一个非静态页面的数据
修饰方法：表示当前方法返回的是一个非静态页面的数据

@Controller
@ResponseBody
public class TestController {@RequestMapping("/sayhi")public String sayHi() {return "hello.html";}
}

在这里插入图片描述

2.2 @RestController = @ResponseBody + @Controller

直接使用 @RestController，代替@ResponseBody 和 @Controller 两个注解，返回页面内容

@RestController
public class TestController {@RequestMapping("/sayhi")public String sayHi() {return "hello.html";}
}

在这里插入图片描述
示例：实现简单计算的功能

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>计算器示例</title>
</head>
<body>
<form action="/calc"><h1>计算器</h1>数字1: <input name="num1" type="text"><br>数字2: <input name="num2" type="text"><br><input type="submit" value=" 点击相加 ">
</form>
</body>
</html>

package com.example.demo.controller;import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RestController
public class CalcController {@RequestMapping("/calc")public String calc(Integer num1, Integer num2) {if (num1 == null || num2 == null) return "<h1>参数错误！</h1>";return "<h1>结果：" + (num1 + num2) + "</h1><a href='javascript:history.go(-1)'>返回</a>";}}

在这里插入图片描述

3. 实现登录功能，返回 JSON 对象

3.1 前端使⽤ ajax，后端返回 json 给前端

前端代码

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.
0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><script src="js/jquery-2.1.4.min.js"></script><title>Document</title><script>// ajax 提交function mysub() {// 判空// var username = $("#username");//这里注意如果在js中有多个 jquery 那么这里的$，是不合适的，$相当于小名，jQuery相当于大名，最好使用大名var username = jQuery("#username");var password = jQuery("#password");if(jQuery.trim(username.val()) == "") {alert("请先输入用户名!");username.focus; // 让光标重置到此元素return;}if(jQuery.trim(password.val()) == "") {alert("请先输入密码!");password.focus();return;}jQuery.ajax({url:"/user/login2",type:"POST",data:{"username":username.val(),"password":password.val()},success:function(result) {alert(JSON.stringify(result));}});}</script>
</head>
<body>
<div style="text-align: center;"><h1>登录</h1>⽤户：<input id="username"><br>密码：<input id="password" type="password"><br><input type="button" value=" 提交 " onclick="mysub()" style="margin-top: 20px;margin-left: 50px;">
</div>
</body>
</html>

后端代码

@Slf4j
@Controller
@ResponseBody  
@RequestMapping("/user") 
public class UserController {@RequestMapping("/login2")public HashMap<String, Object> login2(String username, String password) {HashMap<String, Object> result = new HashMap<>();int state = 200;int data = -1; // 等于1，登录成功，否则登录失败String msg = "未知错误";if(StringUtils.hasLength(username) && StringUtils.hasLength(password)) {if(username.equals("admin") && password.equals("admin")) {data = 1;msg = "";} else {msg = "用户名或密码错误!";}} else { //说明参数为空msg = "非法参数";}result.put("state", state);result.put("data", data);result.put("msg",msg);return result;}
}

在这里插入图片描述

3.2 前端发送 JSON 的标准格式

在这里插入图片描述

在这里插入图片描述

后端接收 JSON 数据的标准格式：

4. 请求转发(forward)或请求重定向(redirect)

通过 return 可以实现跳转，有两种方式

forward 请求转发
redirect 请求重定向

4.1 请求转发：forward

请求转发是服务器端帮用户实现的

@Controller
public class TestController {//请求转发方式1@RequestMapping("/fw")public String myForward() {return "forward:/hello.html";}//请求转发方式2@RequestMapping("/fw2")public void myForward2(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.getRequestDispatcher("/hello.html").forward(request,response);}
}

在这里插入图片描述

4.2 请求重定向：redirect

重定向的请求发生在客户端（浏览器端）

@Controller
public class TestController {//请求重定向方式1@RequestMapping("/rd")public String myRedirect() {return "redirect:/hello.html";}//请求重定向方式2@RequestMapping("/rd2")public void myRedirect2(HttpServletResponse response) throws IOException {response.sendRedirect("/hello.html");}
}

在这里插入图片描述

5. 请求转发和请求重定向的区别

跳转的实现方式有两种：请求转发（Forward）和请求重定向（Redirect）

请求转发就好比：张三（客户端）找李四帮忙（服务器端），而李四说我没空，但我可以让王五帮你的忙，在这个过程中张三只找了一个人，剩下的事情都是李四完成的，这个就是请求转发

请求重定向就好比：张三（客户端）找李四帮忙（服务器端），而李四说我没空，你去要王五帮你的忙吧，于是张三就是找王五帮忙了，这就是请求重定向
具体的区别有下面几点：

定义：

请求转发：发生在服务器端的程序中，当服务器收到客户请求后，会先将请求转发给目标地址，然后再将地址返回的结果转发给客户端
请求重定向：服务器端接收到客户端的请求后，会给客户端返回一个临时响应头，这个临时响应头中记录了，客户端需要再次发送请求（重定向）的URL地址，客户端收到地址后，会将请求发送到新的地址中

数据共享

请求转发是服务器端实现的，整个执行过程，客户端只需要发送一次请求，所以整个交互过程中使用的都是同一个 Request 请求对象和 Response 响应对象，因此请求和返回的数据是共享的
请求重定向客户端发送两次完全不同的请求，所以两次请求中的数据是不同的

请求方

请求转发是服务器端的行为
请求重定向是客户端的行为（浏览器）

代码实现不同
最终的 URL地址

请求转发是服务器端代为请求，所以整个请求过程中 URL 地址是不变的
请求重定向，是服务器端告诉客户端，访问另一个地址，所以浏览器会重新再发送一个请求，因此 URL 地址放生了改变

Spring MVC 之返回数据（静态页面、非静态页面、JSON对象、请求转发与请求重定向）

文章目录1. 默认情况下返回静态页面2. 返回一个非静态页面的数据2.1 ResponseBody 返回页面内容2.2 RestController ResponseBody Controller3. 实现登录功能，返回 JSON 对象3.1 前端使⽤ ajax，后端返回 json 给前端3.2 前端发送 JSON 的标准格式4. 请…...

编程日记 2023/2/12 15:05:13

leetcode-每日一题-2335(简单，贪心)

自己打表看一下过程就可以发现，其实就是每次选两个大的进行--之后秒数加1即可现有一台饮水机，可以制备冷水、温水和热水。每秒钟，可以装满 2 杯不同类型的水或者 1 杯任意类型的水。给你一个下标从 0 开始、长度为 3 的整数数组 amount &am…...

编程日记 2023/2/12 15:04:06

Verilog语法之数学函数

Verilog-2005支持一些简单的数学函数，其参数的数据类型只能是integer和real型。 Integer型数学函数 $clog2是一个以2为底的对数函数，其结果向上取整，返回值典型的格式： integer result; result $clog2(n); 最典型的应用就是通过…...

编程日记 2023/2/12 15:02:56

【手撕面试题】JavaScript（高频知识点一）

目录面试官：请你简述 var、let、const 三者之间的区别？ 面试官：请你谈谈对深拷贝与浅拷贝的理解面试官：输入URL的那一瞬间浏览器做了什么？ 面试官：说一说cookie sessionStorage localStorage 区别&am…...

编程日记 2023/2/12 15:01:49

如何用PHP实现消息推送

什么是消息推送通过服务器自动推送消息到客户端(浏览器，APP，微信)的应用技术。 2. 为什么要使用消息推送技术通常情况下都是用户发送请求浏览器显示用户需要的信息。推送技术通过自动传送信息给用户，来减少用于网络上搜索的时间。它根据…...

编程日记 2023/2/12 15:00:43

电子学会2020年6月青少年软件编程（图形化）等级考试试卷（四级）答案解析

青少年软件编程（Scratch）等级考试试卷（四级A卷） 分数：100.00 题数：30 一、单选题（共15题，每题2分，共30分） 1. 执行下图程序后，“花名…...

编程日记 2023/2/12 14:59:35

DaVinci：调色版本

调色版本 Grade Version记录着片段的全部调色信息。将一种调色风格或效果，保存为一个调色版本，从而可在多个调色版本之间查看、比较、挑选或者渲染输出。调色版本类型本地版本Local Versions在没有创建新的调色版本之前，片段的调色信息默认记…...

编程日记 2023/2/12 14:58:25

【C++初阶】十二、STL---反向迭代器的实现

目录一、反向迭代器二、反向迭代器的实现一、反向迭代器之前的模拟实现vector、list 的时候，这些都是实现了正向迭代器，反向迭代器都没有实现，这里就要实现反向迭代器反向迭代器也是适配器（配接器）的一种&#…...

编程日记 2023/2/12 14:57:16

day 43|● 1049. 最后一块石头的重量 II ● 494. 目标和 ● 474.一和零

1049. 最后一块石头的重量 II 有一堆石头，用整数数组 stones 表示。其中 stones[i] 表示第 i 块石头的重量。每一回合，从中选出任意两块石头，然后将它们一起粉碎。假设石头的重量分别为 x 和 y，且 x < y。那么粉碎的可能结果…...

编程日记 2023/2/12 14:56:08

Vue (3)

文章目录1. 数据代理1.1 回顾1.2 开始2. 事件处理2.1 v-on:click 点击事件2.2 事件修饰符2.3 键盘事件3. 计算属性3.1 插值语法实现3.2 methods实现3.3 计算属性实现4. 监视属性4.1 深度监视4.2 监视属性的简写形式4.3 watch 与 computed 对比1. 数据代理在学习数据代理时先…...

编程日记 2023/2/12 14:53:51

-- ddl sql 语句 -- 创建表 create table user_t( id int primary key auto_increment, -- 自增主键 name varchar(50) ); -- 查看表结构 desc user_t; desc user_test; -- 重命名表 alter table user_t rename to user_test; -- 查询数据库表 show tables; -- 添…...

编程日记 2023/2/12 14:52:43

C 语言宏定义：字符串化 stringify 的应用

字符串化通过C 语言的宏（MICRO），可以把数值或者一段字符的组合，转换为字符串。因为 C语言的宏在【预处理】阶段就展开了，所以可以实现一些比较使用的功能，比如一些数据的初始化操作比如定义一个宏&…...

编程日记 2023/2/12 14:51:35

代替swagger的api接口神器

自动化API文档-APIFOX 文章作者：老杨一：概述大家在后端开发开发过程中，最痛恨的两天事情：1.写文档，2.别人不写文档。而我们后端开发，必定经历的事情就是要和前端&测试对接，我们需要把我…...

编程日记 2023/2/12 14:50:26

2月12日,30秒知全网,精选7个热点

///北京首批29家药店开通异地参保直接结算服务试点药店已覆盖北京市东城区、西城区、朝阳区、海淀区、丰台区和石景山区，为来京就医的外省市参保人员提供便利///杭州召开平台经济健康高质量发展座谈会落实更有针对性的政策供给、提供“店小二”“保姆式”服务、建立…...

编程日记 2023/2/12 14:49:18

HTML img和video object-fit 属性

简介 Css中object-fit主要是应用到img标签和Video标签的，来控制显示缩放效果的。首先我们存在一张图片，原始图片的尺寸是 1080px x 600px, 展示效果如下： 如果我们的css样式中的img大小设定并不能满足图片的原始大小，比如我们的…...

编程日记 2023/2/12 14:48:08

Pascal版本的 - freopen

参数 filename -- 这是包含要打开的文件的名称的字符串。 mode -- 这是包含文件访问模式的字符串。它包括 - 高级编号模式&说明1个 “r” 打开文件进行读取。该文件必须存在。 2个 “w” 创建一个用于写入的空文件。如果已存在同名文件，则删除其内容并将该文件…...

编程日记 2023/2/12 14:47:00

STM32单片机OLED显示

OLED接口电路STM32单片机OLED显示程序源代码#include "sys.h"#define OLED_RST_Clr() PCout(13)0 //RST#define OLED_RST_Set() PCout(13)1 //RST#define OLED_RS_Clr() PBout(4)0 //DC#define OLED_RS_Set() PBout(4)1 //DC#define OLED_SCLK_Clr()PCout(15)0 //SCL…...

编程日记 2023/2/12 14:45:51

备战金三银四，软件测试面试题（全）

1.B/S架构和C/S架构区别 B/S 只需要有操作系统和浏览器就行，可以实现跨平台，客户端零维护，维护成本低，但是个性化能力低，响应速度较慢 C/S响应速度快，安全性强，一般应用于局域网中，因…...

编程日记 2023/2/12 14:44:42

硬件篇-配置

机箱->239元机箱选用的itx迷你机箱，为了后期nas方便拓展选了4盘位，该机箱还是比较符合我的预期的，颇有种麻雀虽小五脏俱全的感觉，机箱可以安装matx主板和itx主板，还是比较方便的，机箱带三个大散热风扇&…...

编程日记 2023/2/12 14:43:35

网页内容中文乱码解决办法

原因是因为没有网页没有设置charset是utf-8 解决办法 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><body></body> </html>...

编程日记 2023/2/12 14:42:26

【C++之容器篇】造轮子：模拟实现vector类

目录前言一、项目结构1. vector的简介2. 项目结构二、vector的底层结构三、默认成员函数(Member functions)1. 构造函数(1)无参构造函数(2)使用n个值来构造对象(3)使用一段迭代器区间来进行初始化(4)测试构造函数2. 拷贝构造函数（现代写法）3. 析构函数4.…...

编程日记 2023/2/12 14:41:18

C++中的右值引用与移动构造函数

1.右值引用右值引用是 C11 引入的与 Lambda 表达式齐名的重要特性之一。它的引入解决了 C 中大量的历史遗留问题， 消除了诸如 std::vector、std::string 之类的额外开销， 也才使得函数对象容器 std::function 成为了可能。1.1左值、右值的纯右值、将亡值…...

编程日记 2023/2/12 14:40:10

Swift如何使用依赖注入进行解藕

Swift 中可以使用依赖注入（Dependency Injection）来解耦组件之间的依赖关系。依赖注入是一种设计模式，指的是在运行时，将一个组件所依赖的其他组件通过构造函数或者属性注入的方式传递给该组件。例如，有两个组件 A 和…...

编程日记 2023/2/12 14:39:01

合宙ESP32S3-CORE开发板|保姆级|Arduino IDE|windows11|esp32S3支持库|helloword例程：Arduino 环境搭建

Arduino主页网址： Software | Arduino 以windows11版本为例： Arduino IDE最新版本为2.0.3 左边的按钮是直接下载（免捐赠）： 下载安装完成后，更改软件默认语言： 默认的库是不支持ESP32的&#…...

编程日记 2023/2/12 14:37:52

CMake中target_precompile_headers的使用

CMake中的target_precompile_headers命令用于添加要预编译的头文件列表，其格式如下： target_precompile_headers(<target><INTERFACE|PUBLIC|PRIVATE> [header1...][<INTERFACE|PUBLIC|PRIVATE> [header2...] ...]) # 1 target_preco…...

编程日记 2023/2/12 14:36:45

SpringCloud和微服务介绍

SpringCloud介绍 SpringCloud是在SpringBoot的基础上构建的,用于简化分布式系统构建的工具集。该工具集为微服务架构中所涉及的配置管理,服务发现,智能路由,断路器,微代理和控制总线等操作提供了一种简单的开发方式。 SpringCloud中包含了多个子项目： Spring …...

编程日记 2023/2/12 14:35:36

Qt源码编译过程中配置文件中的选项说明

文章目录选项说明默认值顶级安装目录-prefix 部署目录，如目标设备上所示。/usr/local/Qt-$QT_VERSION-extprefix 安装目录，如主机上所示。SYSROOT/PREFIX-hostprefix [dir]主机上运行的生成工具的安装目录。如果未给定[dir]，则将使用当前构建…...

编程日记 2023/2/12 14:34:28

Mysql 增删改查（一） —— 查询（条件查询where、分页limits、排序order by、分组 group by）

查询 select 可以认为是四个基本操作中使用最为频繁的操作，然而数据量比较大的时候，我们不可能查询所有内容，我们一般会搭配其他语句进行查询： 假如要查询某一个字段的内容，可以使用 where假如要查询前几条记录&#…...

编程日记 2023/2/12 14:33:19

VScode 结合clangd 构建linux源代码阅读环境

1、背景介绍上一篇文章：VScode 结合Global构建linux源代码阅读环境 ，介绍了在VS Code工具中通过remote-ssh远程登陆到Linux远程服务器，使用Global构建linux源代码阅读环境，对linux kernel代码进行解析，实现全局搜索、自…...

编程日记 2023/2/12 14:32:09

北京通信管理局网站备案/广东东莞疫情最新情况

版本说明： flink-1.12.1hbase-1.4.13 目录（1）Flink SQL与HBase的集成配置（2）测试Flink SQL与HBase集成代码（3）测试kafka数据源与HBase写入数据（1）Flink SQL与HBase的集成…...

编程日记 2025/1/31 2:51:54

好康的网站代码/广告大全

在这个数据横流的信息时代，一系列企业用户数据泄密事件，给互联网信息安全敲响了警钟。 2011年至2014年上半年，乌云漏洞平台（乌云网）连续披露了多家互联网公司的安全漏洞，引发了社会各界的强烈关注&#xf…...

编程日记 2025/1/31 1:57:24

怎样说服客户做网站/今日国际军事新闻

1.wmicMicrosoft Windows Management Instrumentation2. C:\WINDOWS\system32\wbem 下的东西，特别是.xsl格式化文件，实现wmic的格式化输出如wmic /output:c:\process.html process list /format:htable.xsl/format:textvaluelist.xsl/format:hform.xsl/f…...

编程日记 2025/1/31 1:07:26

上海通信管理局网站/网络营销推广活动有哪些

本文主要讲述 React 的诞生过程和优化思路。内容整理自 2014 年的 OSCON - React Architecture by vjeux，虽然从今天（2018）来看可能会有点历史感，但仍然值得学习了解。以史为鉴，从中也可以管窥 Facebook 优秀的工程管…...

编程日记 2025/1/31 0:03:20

跨境电商购物网站/如何快速推广网上国网

Android通用流行框架大全 1. 缓存名称描述 DiskLruCache Java实现基于LRU的磁盘缓存 2.图片加载名称描述 Android Universal Image Loader 一个强大的加载，缓存，展示图片的库 Picasso 一个强大的图片下载与缓存的库 Fresco 一个用于管理图像和他们使…...

编程日记 2025/1/30 23:37:37

北京公司网站建设价格/东莞网站公司哪家好

时间过的好快，一个学期就这么的过去了，xhd在傻傻的看着表，出于对数据的渴望，突然他想知道这个表的时针和分针的夹角是多少。现在xhd知道的只有时间，请你帮他算出这个夹角。注：夹角的范围[0，180…...

编程日记 2025/1/30 20:13:57

文章目录

1. 默认情况下返回静态页面

2. 返回一个非静态页面的数据

2.1 @ResponseBody 返回页面内容

2.2 @RestController = @ResponseBody + @Controller

3. 实现登录功能，返回 JSON 对象

3.1 前端使⽤ ajax，后端返回 json 给前端

3.2 前端发送 JSON 的标准格式

4. 请求转发(forward)或请求重定向(redirect)

4.1 请求转发：forward

4.2 请求重定向：redirect

5. 请求转发和请求重定向的区别

相关文章：