SpringMVC 03: 请求和响应的乱码解决 + SpringMVC响应Ajax请求
请求或响应的中文乱码问题
tomcat9解决了get请求和响应的中文乱码问题，但是没有解决post请求或响应的中文乱码问题
tomcat10解决了get和post请求以及响应的中文乱码问题
考虑到实际项目中服务器的更新速度(短时间不会都采用tomcat10)为了项目的通用性和可靠性，最好为请求和响应添加应对中文乱码的方案
通过在web.xml中配置编码过滤器，对符合通配请求条件的请求可以进行自定义的编码设置
编码过滤器一般在web.xml文件中进行其他配置之前配置，尽早解决可能出现的中文乱码问题
web.xml中新增对编码过滤器的配置
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<!-- 配置编码过滤器 -->
<filter>
<filter-name>encode</filter-name>
<!-- 底层使用的过滤器 -->
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<!--
(ctrl + alt + 点击上述CharacterEncodingFilter，查看源代码，可以看到需要以下参数)
private String encoding;
private boolean forceRequestEncoding;
private boolean forceResponseEncoding
-->
<!-- 向底层过滤器的参数赋值，进行编码的自定义配置 -->
<init-param>
<param-name>encoding</param-name>
<!-- 建议大写，小写有时解析不出来-->
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<!-- 对请求的编码解析采用encoding变量中的编码方式-->
<param-name>forceRequestEncoding</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<!-- 对响应的编码解析采用encoding变量中的编码方式-->
<param-name>forceResponseEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encode</filter-name>
<!-- 指定对哪些请求进行过滤并进行编码配置处理-->
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
控制器中action方法的返回值
控制器中的方法名称不一定含有action单词，但是一般习惯于把控制器中的方法称为action方法
返回String：设置了视图解析器之后，可以自动拼接前缀和后缀，来作为客户端请求的资源地址，完成响应页面的跳转。还可以拼接字符串，返回指定的路径
返回Object：使用jackson工具(要添加jackson的依赖)进行转换，自动将对象或者集合转为json格式的数据并返回
返回void：无返回值，一般用于ajax请求
返回基本数据类型：用于ajax请求
ModelAndView：返回数据和视图对象(现在用的较少)
响应ajax请求
- 与前面SpringMVC博客集中的SpringMVC(指SpringMVC 02)项目相比，新增的配置如下
- 在pom.xml中添加jackson依赖，为了可以利用SpringMVC自动返回json格式的数据
<!-- 添加jackson的依赖-->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.13.3</version>
</dependency>
- 在webapp/js目录下添加jQuery函数库，为了前端可以使用jQuery封装的ajax()方法，便捷的发送ajax请求
- webapp/index.jsp如下，是发送ajax请求并回显后端返回数据的前端界面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>index.jsp</title>
<script src="js/jquery-3.6.1.js"></script>
</head>
<body>
<a href="javascript:showUser()">发送ajax请求，获取用户信息列表</a><br>
<div id="userDiv">div，用来显示服务器返回的数据</div>
<script type="text/javascript">
function showUser() {
//使用jQuery封装的ajax()发送ajax请求
$.ajax({
url:"${pageContext.request.contextPath}/list.action",
type:"get",
dataType:"json",
success:function (userList){
var data = ""
$.each(userList, function (i, user){
data += user.name + " ---- " + user.age + "<br>"
})
//将拼接好的数据回显在div中
$("#userDiv").html(data)
}
}
)
}
</script>
</body>
</html>
- 新增控制器AjaxRequestAction，action方法上添加注解@ResponseBody，该注解专门用来解析ajax请求
package com.example.controller;
import com.example.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import java.util.ArrayList;
import java.util.List;
@Controller
public class AjaxRequestAction {
//只有当请求路径和ajax请求类型都对上时，目标方法才会被调用
@RequestMapping("/list")
@ResponseBody
public List<User> ajaxRequest(){//User类含有属性:name(String), age(int)，无参和全参构造方法，全属性的getter,setter,toString方法
List<User> users = new ArrayList<>();
User u1 = new User("荷包蛋", 20);
User u2 = new User("饺子", 21);
User u3 = new User("橘子", 22);
users.add(u1);
users.add(u2);
users.add(u3);
return users;//SpringMVC框架会自动将对象数组转化为json数据格式返回给前端ajax请求
}
}
- 在springmvc.xml文件需要新增注解驱动< mvc:annotationdriven /> ，为了用他来解析@ResponseBody注解，响应ajax请求
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!-- 添加包扫描-->
<context:component-scan base-package="com.example.controller"/>
<!-- 这里暂时不需要配置视图解析器，因为这里响应ajax请求，直接将请求到的数据以json格式返回给前端-->
<!-- 对专门响应ajax请求的注解进行注解的驱动注册-->
<mvc:annotation-driven/>
</beans>
- 部署并启动tomcat测试
- 网站首页(left)，发送ajax请求后的首页(right)如下：从后端获取到的数据经前端ajax拼接处理并填充在div中显示
SpringMVC 03: 请求和响应的乱码解决 + SpringMVC响应Ajax请求的更多相关文章
- JMeter:响应结果乱码解决方法
JMeter:响应结果乱码解决方法 我们经常使用jmeter做接口测试或者正则匹配 看到的响应结果存在乱码,这是小白经常会问的问题,这是因为jmeter会按照jmeter.properties文件中, ...
- 解决.NET Core Ajax请求后台传送参数过大请求失败问题
解决.NET Core Ajax请求后台传送参数过大请求失败问题 今天在项目上遇到一个坑, 在.Net Core中通过ajax向mvc的controller传递对象时,控制器(controller)的 ...
- springmvc框架下ajax请求传参数中文乱码解决
springmvc框架下jsp界面通过ajax请求后台数据,传递中文参数到后台显示乱码 解决方法:js代码 运用encodeURI处理两次 /* *掩码处理 */ function maskWord( ...
- Jmeter HTTP请求后响应数据显示乱码解决方法
Jmeter请求后结果树里无论是text还是html响应数据显示乱码,这是因为jmeter 编码格式配置文件默认不开启导致的,解决方法如下: 1)进入jmeter-***\bin目录下,找到jmete ...
- LoadRunner web请求和响应中文乱码解决办法
先来认识下lr_convert_string_encoding: int lr_convert_string_encoding( const char *sourceString, const cha ...
- 关于解决JQuery发送Ajax请求后，IE缓存数据不更新的问题
http://www.cnblogs.com/lys_013/archive/2013/08/07/3243435.html 今天在做ajax页面无刷新请求后台服务器数据的时候,IE下遭遇Ajax缓存 ...
- 16 react 发送异步请求获取数据 和 使用Redux-thunk中间件进行 ajax 请求发送
1.发送异步请求获取数据 1.引入 axios ( 使用 yarn add axios 进行安装 ) import axios from 'axios'; 2. 模拟 在元素完成挂载后加载数据 并初始 ...
- SSM-SpringMVC-19：SpringMVC中请求和响应的乱码解决
------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 配置一道拦截器即可解决乱码 配置方式如下: 在web.xml中: <!--过滤器处理乱码--> ...
- Katalon Studio之请求响应中文乱码解决方法
最近在用Katalon做接口测试过程中发现请求响应消息中返回的中文均为乱码,这是因为我们使用的系统环境在初始安装时选择的中文简体,导致windows系统默认编码格式为GBK,但是KS的编码格式是UTF ...
随机推荐
- 4.怎么理解相互独立事件？真的是没有任何关系的事件吗？ 《zobol的考研概率论教程》
1.从条件概率的定义来看独立事件的定义 2.从古典概率的定义来看独立事件的定义 3.P(A|B)和P(A)的关系是什么? 4.由P(AB)=P(A)P(B)推出"独立" 5.从韦恩 ...
- MySQL-2-DQL
DQL:数据查询语言 SQLyog中格式化某段语句片段:CTRL+F12 基础查询 语法: select 查询列表 from 表名: 特点: ① 查询列表可以是:表中的字段.常量值.表达式.函数 ② ...
- 《Stepwise Metric Promotion for Unsupervised Video Person Re-identification》 ICCV 2017
Motivation: 这是ICCV 17年做无监督视频ReID的一篇文章.这篇文章简单来说基于两个Motivation. 在不同地方或者同一地方间隔较长时间得到的tracklet往往包含的人物是不同 ...
- ArrayList集合概述和基本使用和ArrayList集合的常用方法和遍历
什么是ArrayList类 java.util.ArrayList 是大小可变的数组的实现,存储在内的数据称为元素.此类提供一些方法来操作内部存储 的元素. ArrayList 中可不断添加元素,其大 ...
- 互联网产品前后端分离测试（Eolink 分享）
在互联网产品质量保障精细化的大背景下,根据系统架构从底层通过技术手段发起测试,显得尤为重要,测试分层的思想正是基于此产生的,目前也是较为成熟的测试策略. 一般采用自下而上的测试方式,以最简单的单一前后 ...
- 1.9. 触摸按钮(touch pad)测试
1.9.1. 基础 Esp32部分GPIO内置了touch按钮功能(电容式),具体有touch功能的引脚在配置为touchpad后,单片机读入的电容值随是否被触碰发生变化,系统根据电容值的变化判断判断 ...
- Codeforces Round #768 (Div. 2) D. Range and Partition // 思维 + 贪心 + 二分查找
The link to problem:Problem - D - Codeforces D. Range and Partition time limit per test: 2 second ...
- salt stack学习笔记
saltstack运行模式: local master/minion salt ssh saltstack三大功能 远程执行命令 配置管理(状态管理) 云管理 安装: master salt-mas ...
- 一步一步在angular11中添加多语言支持
1.新建angular 2.添加@angular/localize ng add @angular/localize 3.设置默认locale_id,在app.module.ts中 import { ...
- 丽泽普及2022交流赛day21 社论
A 暴力 . greater<double> -> greater<int> \(100\) -> \(50\) 代码丢了 . B dp . 考场上代码抢救一下就过 ...