javaWeb: springmvc ajax发送请求 返回乱码 问题解决

本文介绍了解决SpringMVC中通过@ResponseBody返回JSON格式数据时遇到的中文乱码问题。通过对StringHttpMessageConverter的defaultCharset进行设置,成功解决了前端页面显示乱码的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【问题】:

使用spingmvc,在JS里面通过ajax发送请求,并返回json格式的数据;

从数据库拿出来是正确的中文格式,展示在页面上就是乱码。

乱码格式都是???

后台断点调试:中文格式正常显示。

前端控制台显示:

【原因】:

spring mvc的一个bug,spring MVC有一系列HttpMessageConverter去处理用@ResponseBody注解的返回

值。如:返回list或其它,使用 MappingJacksonHttpMessageConverter;返回string,则使用

StringHttpMessageConverter,而这个convert使用的是字符集是iso-8859-1,而且是final的。所以在当返回json

中有中文时会出现乱码。

【解决】:

尝试方法一:

 在@RequestMapping里的并发配置produces={"text/html;charset=UTF-8;"}

@RequestMapping(value = "***",produces="text/html;charset=UTF-8;") 
(value = "***",produces="text/html;charset=UTF-8;") 

用Ajax访问,回的是json格式,所以没有起作用还是乱码。

[原理]手动给对应的Accept返回制定格式编码数据。

 

尝试方法二:

在@RequestMapping里的并发配置produces={"application/json;text/html;charset=UTF-8;"}

    @RequestMapping(value = "***",produces={"application/json;text/html;charset=UTF-8;"})  

网上解释该方式都可行,但是我还不可行。

[原理]手动给对应的Accept返回制定格式编码数据。

 

尝试方法三:

暴力解决:

直接将org.springframework.http.converter.StringHttpMessageConverter 里面的属性defaultCharset设置成utf-8

    <mvc:annotation-driven >
        <!-- 消息转换器 -->
        <!-- 直接将org.springframework.http.converter.StringHttpMessageConverter
         里面的属性defaultCharset设置成utf-8 -->
        <mvc:message-converters register-defaults="true">
            <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                <constructor-arg value="UTF-8"/>
            </bean>
        </mvc:message-converters>
    </mvc:annotation-driven>

 

当然百度看到还有一种更加 更加 暴力解决方式:(没有用)

方法四:拿到源代码,修改成UTF-8后再重新打包到spring-web-3.2.2.jar

public static final Charset DEFAULT_CHARSET = Charset.forName("ISO-8859-1");
改为
public static final Charset DEFAULT_CHARSET = Charset.forName("UTF-8");

 

方式三 正确解决!!!

 

【感悟】:

该乱码问题,定位了蛮久,最开始编码都是千篇一律得改文件编码格式,tomcat 编码,控制台的输出编码,也检查了JSP的编码是否设置,后面定位到Ajax 返回 json出现 的编码问题,给Ajax加

contentType: "application/x-www-form-urlencoded; charset=utf-8",

也不行,在方法内部 强制手动转编码

response.setContentType("application/json;charset=utf-8");
response.setcharEncoding("utf-8");

也不行。

断点调试,发现会调用 StringHttpMessageConverter  。百度一波,找到真正的 原因后,发现是 注解@ResponseBody返回值 springMVC 的StringHttpMessageConverter  的默认编码,引起的。

 

 

 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="zh-CN" class="bootstrap-admin-vertical-centered"> <head> <meta charset="UTF-8"> <title>图书馆管理系统</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="static/css/bootstrap.min.css"> <link rel="stylesheet" href="static/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="static/css/bootstrap-admin-theme.css"> <link rel="stylesheet" href="static/css/bootstrap-admin-theme.css"> <script src="static/js/bootstrap.min.js"></script> <script src="static/jQuery/jquery-3.1.1.min.js"></script> <script src="static/ajax-lib/ajaxutils.js"></script> <script src="static/js/login.js"></script> </head> <style type="text/css"> .alert{ margin: 0 auto 20px; text-align: center; } </style> <script src="static/js/jquery.min.js"></script> <script src="static/js/bootstrap.min.js"></script> <body class="bootstrap-admin-without-padding"> 池州学院 230312242 杨洪博 课设 <div style="background-image: url('/books/WebContent/2.png'); background-size: cover; background-repeat: no-repeat; background-position: center;"></div> <div class="col-lg-12"> <div class="alert alert-info"> <a class="close" data-dismiss="alert" href="#">×</a> 欢迎登录图书馆管理系统 </div> <form class="bootstrap-admin-login-form" method="post" action="/books/LoginServlet"> <% String state = (String)session.getAttribute("state"); session.removeAttribute("state"); if(state!=null){ %> <label class="control-label" for="username">密码错误</label> <%}%> <div class="form-group"> <label class="control-label" for="username">账 号</label> <input type="text" class="form-control" id="username" name="username" required="required" placeholder="学号"/> <label class="control-label" for="username" style="display:none;"></label> </div> <div class="form-group"> <label class="control-label" for="password">密 码</label> <input type="password" class="form-control" id="password" name="password" required="required" placeholder="密码"/> <label class="control-label" for="username" style="display:none;"></label> </div> <label class="control-label" for="password">没有账号请<a href="/books/register.jsp" style="color:blue;">注册</a></label> <br> <input type="submit" class="btn btn-lg btn-primary" value="登    录"/> </form> </div> </div> </div> <div class="modal fade" id="modal_info" tabindex="-1" role="dialog" aria-labelledby="addModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="infoModalLabel">提示</h4> </div> <div class="modal-body"> <div class="row"> <div class="col-lg-12" id="div_info"></div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" id="btn_info_close" data-dismiss="modal">关闭</button> </div> </div> </div> </div> </body> </html> 图片不显示 是哪里出了问题
最新发布
06-22
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值