当前位置：首页 > 资讯 > 技术文档

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

时间：2021-01-17 16:00 编辑：来源：阅读：
扫一扫，手机访问

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

[b]一、问题描述[/b] 使用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" 
  } 
]

[b]二、解决方案[/b] 经过排查，发现是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>

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

全部评论(0)

上一篇：ASP.NET与Ajax的实现方式小总结
下一篇：Ajax 设置Access-Control-Allow-Origin实现跨域访问

资讯排行榜
更多>>