這次帶給大家Ajax載入JSon資料時資料內中文亂碼怎麼辦，解決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程式碼
application/json;charset=UTF-8 text/html;charset=UTF-8 <value>text/plain;charset=UTF-8</value>
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是Ajax載入JSon資料時資料內中文亂碼怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！
