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

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > JSON中文亂碼的原因和解決方案

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

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

一、編碼問題

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


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

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


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

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

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


    $json = json_encode($data,JSON_UNESCAPED_UNICODE);

二、字符集設置

在PHP項目中,我們需要對字符集進行設置,避免因為字符集的不同而產(chǎn)生中文亂碼。這里我們以 MySQL 數(shù)據(jù)庫為例子:


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

同時在應用程序的響應頭信息中,也需要設置字符集為 UTF-8。


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

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

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


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

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

四、HTTP頭部信息

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


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

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

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

六、小結(jié)

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

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