這篇文章主要介紹了如何解決Ajax加載JSon數(shù)據(jù)中文亂碼問題，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

六安網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、自適應網(wǎng)站建設等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)自2013年起到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)。

一、問題描述

使用zTree的異步刷新父級菜單時，服務器返回中文亂碼，但項目中使用了SpringMvc，已經(jīng)對中文亂碼處理，為什么還會出現(xiàn)呢？

此處為的異步請求的配置：

Java代碼

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

SpringMvc中文字符處理：

Java代碼

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

返回的結(jié)果有中文亂碼：

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" 
  } 
]

二、解決方案

經(jīng)過排查，發(fā)現(xiàn)是SpringMvc中文字符處理的supportedMediaTypes少了一種類型。

從瀏覽器發(fā)送的請求來看：

異步刷新使用的是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-8 
  text/html;charset=UTF-8 
  text/plain;charset=UTF-8 
   

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何解決Ajax加載JSon數(shù)據(jù)中文亂碼問題”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

網(wǎng)站欄目：如何解決Ajax加載JSon數(shù)據(jù)中文亂碼問題-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://weahome.cn/article/deepoe.html