response.getWriter().write()输出到前台乱码

response.getWriter().write()输出中文乱码

使用jsp页面调用servlet，执行操作之后返回json字符串，但出现了中文乱码的情况，
如图一：

摸索、探明原因

1.思索

看到这样的输出结果，第一时间想到的就是编码格式的问题，但是我已经在servlet中设置了编码格式为“UTF-8”（代码如下）,为何还是出现了乱码的情况呢？

resp.setContentType("application/json;charset=UTF-8");

控制台输出正常：

2.查明

在确认控制台输出正常的情况下，我把目光锁定在了web端，怀疑是浏览器解析的问题；打开“开发者工具”，查看调用servlet的信息，看到了下面的情况：
果然，浏览器在取得响应之后进行解析时，页面的编码格式跟servlet中设置的不同，这个是导致页面乱码的主要原因。

解决办法

get新技能

在查阅的一些资料之后，得知了下面情况：

response.setHeader("Content-type", "text/html;charset=UTF-8");  		//让浏览器用utf8来解析返回的数据  

response.setCharacterEncoding("UTF-8");   		//告知servlet用UTF-8转码，而不是用默认的ISO-8859-1,并且这一行代码
												//尽可能的放在代码段的上面，否则可能会无效

根据查询到的资料将代码进行修改后，运行得到的结果如下图：

修改后的代码块如下：

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
     
        //super.doPost(req, resp);
        req.setCharacterEncoding("UTF-8");
        resp.setCharacterEncoding("UTF-8");
        String UserName = req.getParameter("username");
        String MobilePhone = req.getParameter("mobilephone");
        String gender = req.getParameter("gender");
        String profession = req.getParameter("profession");
        Calendar cal = Calendar.getInstance();
        String unid = String.valueOf(cal.getTimeInMillis()) + URLEncoder.encode(UserName, "utf-8");
        UserInfo userInfo = null;
        Connection conn = null;
        String resultJson = "";
        try {
     
            String birthday = req.getParameter("birthday");
            userInfo = new UserInfo(unid, UserName, MobilePhone, gender, birthday, profession);
            DAO dao = new DAO();
            DBUtil dbUtil = new DBUtil();
            conn = dbUtil.getConn();
            resultJson = dao.UpdUserInfo(conn, userInfo);
            System.out.println(resultJson);
            PrintWriter pWriter = resp.getWriter();
            resp.setContentType("application/json;charset=UTF-8");
            pWriter.write(resultJson);


        } catch (Exception e) {
     
            e.printStackTrace();
        }

    }