解决Ajax加载JSon数据中文乱码问题
栏目: 编程语言 · JavaScript · jQuery · 发布时间: 6年前
内容简介：这篇文章主要介绍了解决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>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- tomcat,jboss,weblogic乱码问题以及Java中各种乱码问题大汇总
- Perl中文乱码问题
- Perl中文乱码问题
- zabbix中文乱码解决方法
- pycharm中文乱码问题 总结
- Matplotlib中文乱码解决方案
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
機器，平台，群眾
安德魯‧麥克費(Andrew McAfee)、艾瑞克‧布林優夫森(Erik Brynjolfsson) / 李芳齡 / 天下文化 / 2017-12-27 / TWD550
★★Amazon.com商業理財Top1 ★★ 全球暢銷書《第二次機器時代》作者最新力作 兩位MIT數位頂尖科學家歷時三年時間 走訪矽谷、華府、劍橋、紐約、倫敦、舊金山等科技政經重鎮 拜會許多領域精英進行交流，結合宏觀趨勢觀察， 指出人人都應關注的三重革命 科技正以空前速度改變每個產業及每個人的生活， 你該如何做，才能保持領先？ 我們生活在一個奇特的......一起来看看 《機器，平台，群眾》 这本书的介绍吧!
