前后台亂碼問題

前后台亂碼問題自己由於也看過相關博客介紹過解決方法，但是自己本地測試后亂碼發生的略有不同，故在此作出總結，並附上自己的環境

開發環境idea2019.3，tomcat8， windows7

使用chrome瀏覽器進行測試

1.前台向后台傳送中文字符的情況介紹：

前台代碼jsp文件

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<form action="requestPost.do" method="post">
    用戶名：<input type="text" name="userName"/>
    <input type="submit" value="post方式提交表單">
</form>

<form action="requestGet.do" method="get">
    用戶名：<input type="text" name="userName"/>
    <input type="submit" value="get方式提交表單">
</form>

后台代碼servlet

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        //獲取servletPath
        String servletPath = request.getServletPath();
        //去除路徑名后綴名中的.do
        String methodName = servletPath.substring(1, servletPath.length()-3);
        try {
            //利用反射獲取methodName對應的方法
            Method method = getClass().getDeclaredMethod(methodName, HttpServletRequest.class, HttpServletResponse.class);
            //利用反射調用相應的方法
            method.invoke(this, request, response);
        } catch (Exception e) {
            e.printStackTrace();
            response.sendRedirect("error.jsp");
        }
    }


    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

 

private void requestGet(HttpServletRequest request, HttpServletResponse response){
        System.out.println("requestGet");

        String userName = request.getParameter("userName");
        System.out.println("直接獲取用戶名: "+userName);
        try {
            request.setCharacterEncoding("UTF-8");
            userName = request.getParameter("userName");
            System.out.println("設置utf-8編碼： "+userName);

            userName = new String(userName.getBytes("ISO8859-1"), "utf-8");
            System.out.println("先ISO8859-1接收數據，后轉UTF-8編碼： "+ userName);

//            response.setHeader("content-type", "text/html; charset=UTF-8");
//            response.getWriter().write(userName);
        } catch (IOException e) {
            e.printStackTrace();
        }

    }
  

結果：

requestGet
直接獲取用戶名: 小紅
設置utf-8編碼： 小紅
先ISO8859-1接收數據，后轉UTF-8編碼： ??

 private void requestPost(HttpServletRequest request, HttpServletResponse response){
        System.out.println("requestPost");
        String userName = request.getParameter("userName");
        System.out.println("直接獲取用戶名: "+userName);
        try {
            request.setCharacterEncoding("UTF-8");
            userName = request.getParameter("userName");
            System.out.println("設置utf-8編碼： "+userName);

            userName = new String(userName.getBytes("ISO8859-1"), "utf-8");
            System.out.println("先ISO8859-1接收數據，后轉UTF-8編碼： "+ userName);

//            response.setHeader("content-type", "text/html; charset=UTF-8");
//            response.getWriter().write(userName);
        } catch (IOException e) {
            e.printStackTrace();
        }

    }

結果：

requestPost
直接獲取用戶名: ?°????
設置utf-8編碼： ?°????
先ISO8859-1接收數據，后轉UTF-8編碼： 小明

從以上結果可以看出，對於前台的get請求方式，后台不需要對其對任何操作，中文字符不會出現亂碼情況；

相反，對於post請求方式，后台需要將先使用先

ISO8859-1接收數據，后轉UTF-8編碼

才能保證中文不亂碼。

另外，如果在web.xml中設置字符編碼，則不管是post還是get皆不用做任何處理，下面的設置是防止前端輸入的數據到了后台發生亂碼現象。

  <filter>
        <filter-name>encoding-filter</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>
        <init-param>
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encoding-filter</filter-name>
        <url-pattern>*.do</url-pattern>
    </filter-mapping>

 

2.后台向前台輸出帶有中文字符的亂碼現象：

前台代碼：

<a href="query.do">Query</a><br/>
<a href="delete.do">Delete</a><br/>
<a href="update.do">update</a><br/>

后台代碼servlet：

private void update(HttpServletRequest request, HttpServletResponse response){
        System.out.println("update");
        try {
            /*
            * 當輸出數字時，需要將該數字轉換成字符串形式，然后轉化成字節數組進行輸出
            * 所以，當希望服務器輸出什么瀏覽器就能看到什么，那么服務器端都要以字符串
            * 的形式進行輸出
            * */

            response.setHeader("content-type", "text/html; charset=UTF-8");
            //response.getOutputStream().write(1);//前台顯示不出1
            response.getOutputStream().write((1+"").getBytes("UTF-8"));
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    private void delete(HttpServletRequest request, HttpServletResponse response){
        System.out.println("delete");
        try {
            /*
             *使用outputStream輸出中文注意事項：
             * 在服務端，數據以哪個碼表輸出，那么就要控制客戶端以相應的碼表打開，
             * 比如response.getOutputStream().write("刪除操作".getBytes("UTF-8"));//使用
             * outputStream流向客戶端瀏覽器輸出中文，以utf-8的編碼進行輸出
             * 此時就要控制客戶端瀏覽器以utf-8的編碼打開，否則前台顯示時會出現中文亂碼
             * 可通過設置響應頭控制瀏覽器的行為解決亂碼問題：
             *  response.setHeader("content-type", "text/html; charset=UTF-8");
             * 通過設置響應頭控制瀏覽器以utf-8的編碼顯示數據
             * */
            response.setHeader("content-type", "text/html; charset=UTF-8");
            /*getbytes()是一個將字符轉換成字節數組的過程，這個過程一定會查找碼表，如果是
            中文的操作系統環境，默認就是查找GB2312的碼表，將字符轉換成字節數組的過程就是將
            中文轉換成GB2312的碼表上對應的數字，
            比如:"中" 在GB2312的碼表上對應的數字是98
            getbytes()如果不帶參數，那么就會根據操作系統的語言環境來選擇轉換碼表，如果是中文操作系統，
            那么就使用GB2312的碼表
            */
            response.getOutputStream().write("刪除操作".getBytes("UTF-8"));
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    private void query(HttpServletRequest request, HttpServletResponse response){
        System.out.println("query");
        try {
            /*
            *  與outputStream相同
            * 設置響應頭來控制瀏覽器以指定的字符編碼進行顯示
            * response.setHeader("content-type", "text/html; charset=UTF-8");
            * 它的等價寫法：
            * response.getWriter().write("<meta http-equiv='content-type' content='text/html'; charset='UTF-8'/>");
             * */
            response.setHeader("content-type", "text/html; charset=UTF-8");
             response.getWriter().write("查詢操作");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

后台向前台輸出中文時，不管是使用outputStream還是PrintWriter，只需要添加一句

response.setHeader("content-type", "text/html; charset=UTF-8");

就能夠解決亂碼問題，同時這里也順便介紹了如果向前台輸出數字時，需要將其轉換成字符串再輸出，否則會顯示不正常。

 

本文主要參考的孤傲蒼狼博客相關內容，但是自己親自在自己電腦上測試的情況和其中有點不一樣，具體差異原因不太清楚。