主页 > 知识库 > 解决Ajax加载JSon数据中文乱码问题

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

热门标签:阿里云 团购网站 科大讯飞语音识别系统 Linux服务器 服务器配置 银行业务 Mysql连接数设置 电子围栏

一、问题描述

使用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时出现中文乱码该如何解决

标签:萍乡 蚌埠 广元 衡水 枣庄 衢州 江苏 大理

巨人网络通讯声明:本文标题《解决Ajax加载JSon数据中文乱码问题》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266