解决Ajax加载JSon数据中文乱码问题

一、问题描述

使用zTree的异步刷新父级菜单时，服务器返回中文乱码，但项目中使用了SpringMvc，已经对中文乱码处理，为什么还会出现呢？

此处为的异步请求的配置：

Java代码 

async: {
enable: true,
url: basePath + '/sysMenu/listSysMenu',
autoParam: ["id=parentId"]
}

SpringMvc中文字符处理：

Java代码 

<mvc:annotation-driven>
<mvc:message-converters>
<bean class="org.springframework.http.converter.StringHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>application/json;charset=UTF-8</value>
<value>text/html;charset=UTF-8</value>
</list>
</property>
</bean>
</mvc:message-converters>
</mvc:annotation-driven>

返回的结果有中文乱码：

Js代码 

[
{
"menuId": "880095098165986816",
"menuName": "????",
"parentId": "880095098165986815",
"menuUrl": "http://localhost:8080/imovie-manage/sysMenu/listSysMenuUI",
"menuIcon": "",
"menuSort": 1,
"isEnable": 1,
"parentMenuName": "??",
"id": "880095098165986816",
"name": "????",
"pId": "880095098165986815"
},
{
"menuId": "880095098165986817",
"menuName": "???????",
"parentId": "880095098165986815",
"menuUrl": "http://localhost:8080/imovie-manage/sysMenu/treeSysMenuUI",
"menuIcon": "",
"menuSort": 1,
"isEnable": 1,
"parentMenuName": "??",
"id": "880095098165986817",
"name": "???????",
"pId": "880095098165986815"
}
]

二、解决方案

经过排查，发现是SpringMvc中文字符处理的supportedMediaTypes少了一种类型。

从浏览器发送的请求来看：

异步刷新使用的是post请求，但从服务器返回的时候，Content-Type为：text/plain;charset=ISO-8859-1

charset是ISO-8859-1，而不是UTF-8，而SpringMvc处理的中文乱码没有包含这种类型，所以导致中文乱码。

所以最后的解决方法是在SpringMvc中文处理加上text/plain这个类型，如下：

Java代码

<value>text/plain;charset=UTF-8</value>

 具体如下：

Java代码

<property name="supportedMediaTypes">
<list>
<value>application/json;charset=UTF-8</value>
<value>text/html;charset=UTF-8</value>
<value>text/plain;charset=UTF-8</value>
</list>
</property>

总结

以上所述是小编给大家介绍的解决Ajax加载JSon数据中文乱码问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

• 用ajax传递json到前台中文出现问号乱码问题的解决办法
• JQuery ajax 返回json时出现中文乱码该如何解决