千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  技術(shù)干貨  > JSON中文亂碼的原因和解決方案

JSON中文亂碼的原因和解決方案

來(lái)源:千鋒教育
發(fā)布人:xqq
時(shí)間: 2023-11-24 15:46:32 1700811992

一、編碼問(wèn)題

1、JSON 的編碼格式默認(rèn)為 UTF-8,而中文的編碼格式是 GBK 或 GB2312。當(dāng)使用 GBK 或 GB2312 編碼格式的中文數(shù)據(jù)轉(zhuǎn)為 JSON 數(shù)據(jù)格式后,在其他系統(tǒng)中再解析時(shí),就會(huì)出現(xiàn)中文亂碼的問(wèn)題。


    {
        "name": "王五",
        "gender": "男",
        "age": "30"
    }

可以看到以上代碼中的名字字段使用了中文,如果我們對(duì)其進(jìn)行轉(zhuǎn)換,如下所示:


    {
        "name": "\u738b\u4e94",
        "gender": "男",
        "age": "30"
    }

我們可以看到\u738b\u4e94這一部分就是 name 值的 Unicode 編碼,而非我們希望的中文漢字。而如果在前端中對(duì) JSON 數(shù)據(jù)進(jìn)行解析時(shí),就會(huì)出現(xiàn)中文亂碼的問(wèn)題。

所以我們需要在轉(zhuǎn)換前,將中文數(shù)據(jù)轉(zhuǎn)為UTF-8編碼格式:


    $json = json_encode($data,JSON_UNESCAPED_UNICODE);

二、字符集設(shè)置

在PHP項(xiàng)目中,我們需要對(duì)字符集進(jìn)行設(shè)置,避免因?yàn)樽址牟煌a(chǎn)生中文亂碼。這里我們以 MySQL 數(shù)據(jù)庫(kù)為例子:


    $conn = mysqli_connect($servername, $username, $password, $dbname);
    mysqli_set_charset($conn, "utf-8");

同時(shí)在應(yīng)用程序的響應(yīng)頭信息中,也需要設(shè)置字符集為 UTF-8。


    header("Content-Type: text/html;charset=UTF-8");

三、前后端數(shù)據(jù)傳輸問(wèn)題

在前后端進(jìn)行數(shù)據(jù)傳輸時(shí),我們需要確保傳輸?shù)臄?shù)據(jù)中沒(méi)有非法字符,否則也會(huì)出現(xiàn)中文亂碼的問(wèn)題。在后端應(yīng)用程序中可以使用JSON_UNESCAPED_UNICODE參數(shù)對(duì)數(shù)據(jù)進(jìn)行編碼,同時(shí)在前端對(duì)數(shù)據(jù)進(jìn)行解碼時(shí),我們可以使用JSON.parse()方法:


    //PHP界面
    $json = '{"name":"張三"}';
    $data = json_decode($json,true);

    //JS界面
    var data = JSON.parse(unescape('<%=json%>'));

四、HTTP頭部信息

在HTTP頭部信息中我們需要設(shè)置正確的 Content-Type 和字符集:


    header('Content-Type:application/json;charset=utf-8');

五、統(tǒng)一使用UTF-8編碼格式

我們需要確保服務(wù)器、數(shù)據(jù)庫(kù)、應(yīng)用程序和前端都是以UTF-8編碼格式進(jìn)行數(shù)據(jù)存儲(chǔ)和傳輸,以避免編碼格式在傳輸過(guò)程中的不兼容和導(dǎo)致的中文亂碼問(wèn)題。同時(shí)在前端頁(yè)面使用UTF-8編碼格式進(jìn)行編碼,可以有效避免瀏覽器解析JSON數(shù)據(jù)時(shí)出現(xiàn)亂碼的情況。

六、小結(jié)

在JSON中文亂碼問(wèn)題的解決方案中,主要是從數(shù)據(jù)的編碼格式、字符集設(shè)置、前后端數(shù)據(jù)傳輸、HTTP頭部信息和統(tǒng)一使用UTF-8編碼格式五個(gè)方面進(jìn)行了詳細(xì)的闡述,并提供了相應(yīng)的代碼示例。只有秉承著正確的編碼格式和良好的代碼規(guī)范,我們才能避免JSON中文亂碼問(wèn)題,并開(kāi)發(fā)出高質(zhì)量的應(yīng)用程序。

tags: lambdapeek
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
formdata格式傳遞參數(shù)詳解

一、前端formdata格式傳遞參數(shù)前端通過(guò)表單或ajax請(qǐng)求時(shí),通常使用formdata格式傳遞參數(shù)。利用表單的方式傳遞參數(shù)相對(duì)簡(jiǎn)單,只需要設(shè)置表單的en...詳情>>

2023-11-24 18:14:08
詳解pd.ExcelWriter

在Python的數(shù)據(jù)科學(xué)領(lǐng)域,Pandas庫(kù)可以說(shuō)是一個(gè)不可或缺的存在,而其中一個(gè)重要成員就是pd.ExcelWriter。pd.ExcelWriter作為Pandas庫(kù)中一個(gè)用于...詳情>>

2023-11-24 17:48:56
LocalDate轉(zhuǎn)String

一、LocalDate轉(zhuǎn)String的基本概念在Java 8中,引入了一個(gè)新的日期時(shí)間API,其中包括了三個(gè)關(guān)鍵類:LocalDate、LocalTime和LocalDateTime。各個(gè)...詳情>>

2023-11-24 17:16:32
網(wǎng)頁(yè)視頻自動(dòng)播放下一個(gè)的實(shí)現(xiàn)方法

一、JavaScript實(shí)現(xiàn)JavaScript是實(shí)現(xiàn)網(wǎng)頁(yè)視頻自動(dòng)播放下一個(gè)的主流方式之一。通過(guò)編寫JavaScript代碼控制視頻的播放和暫停,實(shí)現(xiàn)自動(dòng)播放下一個(gè)...詳情>>

2023-11-24 17:05:44
jssplit()函數(shù)全方位解析

在JavaScript編程中,字符串是一種常見(jiàn)的數(shù)據(jù)類型。而在處理字符串時(shí),分隔字符串也是經(jīng)常用到的操作。這時(shí)候,jssplit()函數(shù)就是我們調(diào)用的工...詳情>>

2023-11-24 16:40:32
久久亚洲中文字幕精品一区四,亚洲日本另类欧美一区二区,久久久久久久这里只有免费费精品,高清国产激情视频在线观看
亚洲欧美日韩国产不卡tv | 久久精品国产二区 | 日本亚洲欧美国产ay | 日韩在线精品一二三区 | 视频一区网友自拍第二页 | 亚洲一成A人片在线 |