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

分类：js_jQuery答疑 - 常见问题 · 发布时间：2021-11-12 16:44 · 阅读：10437

这篇文章主要介绍了解决Ajax加载JSon数据中文乱码问题,需要的朋友可以参考下

一、问题描述

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

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

Java代码

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

SpringMvc中文字符处理：

Java代码

      application/json;charset=UTF-8text/html;charset=UTF-8

返回的结果有中文乱码：

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代码

 text/plain;charset=UTF-8

具体如下：

Java代码

   application/json;charset=UTF-8text/html;charset=UTF-8text/plain;charset=UTF-8

总结

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

标签：

ajax json 乱码

0133技术栈

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

相关文章

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

AJAX的跨域问题解决方案

利用Ajax实现智能回答的机器人示例代码

ajax、axios和fetch之间优缺点重点对比总结

如何通过axios发起Ajax请求(最新推荐)