您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

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

51自学网 2022-02-21 10:51:45
  ajax

一、问题描述

使用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数据中文乱码问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对51zixue.net网站的支持!


下载地址:
全面解析Ajax和jsonp使用总结
Ajax邮箱、用户名唯一性验证实例代码
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。