解決 Web 開發(fā)中常見的中文亂碼問題

為什么會(huì)有亂碼

??產(chǎn)生亂碼的原因一句話就能說明白:

編碼和解碼使用的字符集不同沧卢。

??比如說在后端把字符串 "你好,世界" 按照 UTF-8 進(jìn)行編碼顽铸,但是前端卻按照 GB2312 進(jìn)行解碼臭挽,那自然會(huì)產(chǎn)生亂碼。

解決 response 中的亂碼

??因?yàn)槟壳按蟛糠譃g覽器都是采用 UTF-8 編碼的,所以向?yàn)g覽器輸出中文字符,只需在 doGet 方法中指定 Content-Type:text/html;charset=utf-8掷漱。

response.setContentType("text/html;charset=utf-8");

解決 request 中的亂碼

GET

??獲取 HTTP 請(qǐng)求中的中文參數(shù)時(shí)可能會(huì)有亂碼,所以先將字符串變回字節(jié)數(shù)組榄檬,然后再按照 UTF-8 進(jìn)行編碼卜范。假設(shè) HTTP 請(qǐng)求中帶了一個(gè) username 的參數(shù),那么就需要在 doGet 方法中進(jìn)行如下處理

String username = request.getParameter("username");
// Tomcat 默認(rèn)的編碼方式是 ISO8859-1
username = new String(username.getBytes("iso8859-1"),"utf-8");

??問題是鹿榜,在實(shí)際的應(yīng)用場(chǎng)景中 HTTP 請(qǐng)求攜帶的參數(shù)可能有多個(gè)海雪,所以就不能只針對(duì)某個(gè)參數(shù)進(jìn)行修改。解決的方案是使用裝飾器模式舱殿,寫一個(gè) HttpServletRequest 的裝飾器類喳魏,經(jīng)過裝飾的 request 對(duì)請(qǐng)求中的任何參數(shù)都能進(jìn)行編碼的處理。

// 裝飾器類怀薛,用來設(shè)置 GET 請(qǐng)求的編碼
public class EncodingRequest extends HttpServletRequestWrapper{

    private HttpServletRequest request;    // 真正的 request 對(duì)象
    
    public EncodingRequest(HttpServletRequest request) {
        super(request);
        this.request = request;
    }
    
    @Override
    public String getParameter(String name) { // 覆寫 getParameter 方法,將所有參數(shù)的編碼設(shè)置為 UTF-8
        String value = request.getParameter(name);
        try {
            value = new String(value.getBytes("iso-8859-1"),"utf-8");
        } catch (UnsupportedEncodingException e) {
            throw new RuntimeException(e);
        }
        return value;
    }
}

??然后用一個(gè) Filter 對(duì)所有的請(qǐng)求進(jìn)行編碼的處理迷郑,然后再把處理過后的 request 對(duì)象傳遞給 Servlet:

@WebFilter("/*")
public class EncodingFilter implements Filter {

    public void destroy() {}

    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
        HttpServletRequest req = (HttpServletRequest) request;
        if (req.getMethod().equals("GET")) { // 處理 GET 請(qǐng)求的編碼
            EncodingRequest encodingReq = new EncodingRequest(req);
            // 注意這里傳遞的是 EncodingRequest 對(duì)象
            chain.doFilter(encodingReq, response);
        }
        if (req.getMethod().equals("POST")) { // 處理 POST 請(qǐng)求的編碼
            request.setCharacterEncoding("utf-8");
            chain.doFilter(request, response);
        }
    }

    public void init(FilterConfig fConfig) throws ServletException {}

}

POST

??因?yàn)榇蠖鄶?shù)情況下我們?cè)?doPost 方法內(nèi)都會(huì)調(diào)用 doGet 方法枝恋,因此按照上面的做法就能解決 POST 請(qǐng)求中的中文亂碼問題。如果使用 Spring 進(jìn)行開發(fā)嗡害,那么有 POST 請(qǐng)求亂碼的專門解決方案焚碌。在 web.xml 中添加如下配置:

    <!-- POST 亂碼過濾器 -->
    <filter>
        <filter-name>CharacterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>CharacterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

??這樣就可以解決 POST 的亂碼問題了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末霸妹,一起剝皮案震驚了整個(gè)濱河市十电,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌叹螟,老刑警劉巖鹃骂,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異罢绽,居然都是意外死亡畏线,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門良价,熙熙樓的掌柜王于貴愁眉苦臉地迎上來寝殴,“玉大人蒿叠,你說我怎么就攤上這事◎汲#” “怎么了市咽?”我有些...
    開封第一講書人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)抵蚊。 經(jīng)常有香客問我谣妻,道長(zhǎng),這世上最難降的妖魔是什么勾拉? 我笑而不...
    開封第一講書人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任鞠苟,我火速辦了婚禮,結(jié)果婚禮上熔酷,老公的妹妹穿的比我還像新娘孤紧。我一直安慰自己,他們只是感情好拒秘,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開白布号显。 她就那樣靜靜地躺著,像睡著了一般躺酒。 火紅的嫁衣襯著肌膚如雪押蚤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,292評(píng)論 1 301
  • 那天羹应,我揣著相機(jī)與錄音揽碘,去河邊找鬼。 笑死园匹,一個(gè)胖子當(dāng)著我的面吹牛雳刺,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播裸违,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼掖桦,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了供汛?” 一聲冷哼從身側(cè)響起枪汪,我...
    開封第一講書人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎怔昨,沒想到半個(gè)月后雀久,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡朱监,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年岸啡,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赫编。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡巡蘸,死狀恐怖奋隶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情悦荒,我是刑警寧澤唯欣,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站搬味,受9級(jí)特大地震影響境氢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜碰纬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一萍聊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧悦析,春花似錦寿桨、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至骑歹,卻和暖如春预烙,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背道媚。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工扁掸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人最域。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓也糊,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親羡宙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 編碼問題一直困擾著開發(fā)人員掐隐,尤其在 Java 中更加明顯狗热,因?yàn)?Java 是跨平臺(tái)語言,不同平臺(tái)之間編碼之間的切換...
    x360閱讀 2,480評(píng)論 1 20
  • 主要內(nèi)容 1. 字符編碼理論簡(jiǎn)述 本文主要是圍繞Web開發(fā)中涉及到的中文編碼這一常見問題展開虑省,包括了對(duì)字符編碼基礎(chǔ)...
    topgunviper閱讀 13,295評(píng)論 5 28
  • 最近一個(gè)項(xiàng)目匿刮,測(cè)試時(shí)采用的Windows下的Tomcat服務(wù)器,上傳中文文件正常探颈;部署時(shí)用到了Linux服務(wù)器熟丸,上...
    Jackeroo閱讀 4,243評(píng)論 1 3
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)伪节,斷路器光羞,智...
    卡卡羅2017閱讀 134,654評(píng)論 18 139
  • 媽呀绩鸣,心里好慌,連續(xù)幾天睡5個(gè)小時(shí)纱兑。這樣的情況出現(xiàn)在高考呀闻,找工作,還有第二次工作面對(duì)找對(duì)象的壓力的時(shí)候潜慎。那時(shí)候是對(duì)...
    onetwo3go閱讀 214評(píng)論 0 0