浏览器传递中文，服务端接收 出现乱码

乱码的出现根本原因在于编码和解码使用了不同的编码方案。比如用GBK编码的文件，用UTF-8去解码结果肯定都是火星文。所以要解决这个问题，中心思想就在于使用统一的编码方案。

 

     jsp页面间的参数传递有以下几种方式：1、表单（form）的提交。2、直接使用URL后接参数的形式(超级链接)。3、如果两个jsp页面在两个不同的窗口中，并且这两个窗口是父子的关系，子窗口中的jsp也可以使用javascript和DOM（window.opener.XXX.value）来取得父窗口中的jsp的输入元素的值。下面就前两种方式中出现的乱码问题做一下剖析。

 

     1、表单（form）的提交实现参数页面间的传递

     在介绍表单传递参数的内容之前，先来了解一些预备知识。表单的提交方式和请求报文中对汉字的处理。

 

     表单的提交方式：

     通常使用的表单的提交方式主要是：post和get两种。两者的区别在于：post方式是把数据内容放在请求的数据正文部分，没有长度的限制；get方式则是把数据内容直接跟在请求的头部的URL后面，有长度的限制。下面是同一个页面两种方式的请求报许文。

Requesttest.jsp代码  收藏代码
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7. <title>Insert title here</title>  
  8. </head>  
  9. <body>  
  10. <%-- post方式提交表单 --%>  
  11. <form action="http://localhost:8888/EncodingTest/requestresult.jsp" method="post">  
  12.     UserName:<input type="text" name="username"/>  
  13.     Password:<input type="password" name="password"/>  
  14.     <input type="submit" value="Submit">  
  15. </form>  
  16. </body>  
  17. </html>  

      在上面的请求页面的username输入框里输入的是“世界杯”三个汉字，password输入框中输入"123"后按下Submit按钮提交请求。截获到的请求报文如下：

Post方式的请求报文代码  收藏代码
  1. POST /EncodingTest/requestresult.jsp HTTP/1.1  
  2. Accept: image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/x-shockwave-flash, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/msword, */*  
  3. Referer: http://localhost:8080/TomcatJndiTest/requesttest.jsp  
  4. Accept-Language: zh-cn  
  5. User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; CIBA; aff-kingsoft-ciba; .NET CLR 2.0.50727)  
  6. Content-Type: application/x-www-form-urlencoded  
  7. Accept-Encoding: gzip, deflate  
  8. Host: localhost:8888  
  9. Content-Length: 49  
  10. Connection: Keep-Alive  
  11. Cache-Control: no-cache  
  12.   
  13. username=%E4%B8%96%E7%95%8C%E6%9D%AF&password=123  

      以上报文内容，可以看出post方式的请求报文是有专门的数据部的。，

      下面的同一请求页面的get提交方式的请求报文：

Get方式的请求报文代码  收藏代码
  1. GET /EncodingTest/requestresult.jsp?username=%E4%B8%96%E7%95%8C%E6%9D%AF&password=123 HTTP/1.1  
  2. Accept: image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/x-shockwave-flash, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/msword, */*  
  3. Referer: http://localhost:8080/TomcatJndiTest/requesttest.jsp  
  4. Accept-Language: zh-cn  
  5. User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; CIBA; aff-kingsoft-ciba; .NET CLR 2.0.50727)  
  6. Accept-Encoding: gzip, deflate  
  7. Host: localhost:8888  
  8. Connection: Keep-Alive  

     以上报文内容，可以看出get方式的请求报文没有专门的数据部，数据是直接跟在url的后面。

 

       请求报文中对汉字的处理：

       从上面两种报文可以看出页面上输入的“世界杯”三个汉字被替换成了"%E4%B8%96%E7%95%8C%E6%9D%AF”这样一个字符串，然后发给服务器的。看到这，可能会有两个问题：问题一、这个字符串是什么？问题二、为什么要做这样的替换？

 

      这个字符串是“世界杯”这三个汉字对应的"UTF-8”编码"E4B896E7958CE69DAF"在每个字节前追加一个"%"后形成的。至于为什么要做这样的转化，我的理解是：因为请求报文会以"ISO-8859-1"的编码方式编码后，通过网络流的方式传送到服务器端。"ISO-8859-1"仅支持数字、英文字母和一些特殊字符，所以像汉字等这样的字符"ISO-8859-1"是不认识的。所以就必须先给这些"ISO-8859-1"不支持的字符做个“整形”手术。这样才能正确的将页面上的信息传送到服务器端。

 

      这时可能又会有另外一个问题：上面的例子中为什么会选用"UTF-8"编码，其它的编码方案可以吗？答案是可以的。在jsp页面代码的头部有这样一段代码"<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>"其中charset的值就是浏览器在提交请求报文前，对请求报文做“整形”手术时用的字符集，同是也是浏览器解释服务器的响应页面时的字符集。

 

      在了解了以上内容后，开始剖析表单方式传递参数的乱码问题。

      以上例为例，点击"Submit"按钮后，浏览器将做完“整形”手术后的请求报文发送给WEB服务器上的Servlet容器，容器在收到这个请求报文后，会解析这个请求报文并用这个报文的信息生成一个HttpServletRequest对象，然后将这个HttpServletRequest对象传给这个页面所要请求的jsp或Servlet(上例中为"requestresult.jsp")。在这个被请求的jsp或Servlet(上例中为"requestresult.jsp")中，使用HttpServletRequest对象的getParameter("")方法来取得上一页面传来的参数。默认情况下，这一方法使用的是"ISO-8859-1"来解码，所以对于英文或数字的参数值自然能正确取得，但对于汉字这样的字符是解不出来的，因为那几个汉字曾经做过“整形”手术，已经认不出来了。要想再把它们认出来，那就得要把手术的主刀医生找到，然后再做一次“还原”手术。下面提供的几个方案，可用于不同的情况。

 

方案一代码  收藏代码
  1. <%String str = new String(request.getParameter("username").getBytes("ISO-8859-1"),"utf-8"); %>  
  2. Username:<%=str %>  

      既然request.getParameter("username")默认情况下返回的字符串是用"ISO-8859-1"解出来的，那就先把这个不可辨认的字符串再用"ISO-8859-1"来打散，也就是：request.getParameter("username").getBytes("ISO-8859-1")。最后再用跟你的页面的charset一致的字符集来重组这个字符串：new String(request.getParameter("username").getBytes("ISO-8859-1"),"utf-8")。这样就能见到它的庐山真面目了。

 

      方案一是一种比较万能的方法，不管是post还是get都适用，但可以看出它的缺点是：对于每个可能出现汉字的参数都要显示的做这么一段处理。一个两个还行，要是很多的话，那就应该考虑一下是不是可以选用下一种方案。

  

方案二代码  收藏代码
  1. <%request.setCharacterEncoding("UTF-8"); %>  

      方案二是在页面的最开始或者是在该页面中使用的第一个request.getParameter("")方法之前加上上述一段代码，它的作用是用作为参数传入的编码集去覆盖request对象中的默认的"ISO-8859-1"编码集。这样request.getParameter("")方法就会用新的编码集去解码，因为"UTF-8"支持中文，所以作为参数传过来的“世界杯”三个汉字就能正确的接收到了。但关于request.setCharacterEncoding("")方法，API文档中有如下的说明：

 

      Overrides the name of the character encoding used in the body of this request. This method must be called prior to reading request parameters or reading input using getReader(). Otherwise, it has no effect.

 

      所以方案二只对post方式提交的请求有效，因为参数都在request的body区。而对get方式提交的请求则是无效的，这时你会发现同样的做法但显示的还是乱码。所以你的请求要是是以get方式提交的话，那你还是乖乖的选用方案一吧！

 

      从上面的叙述可以知道，方案二需要在每个页面的前头加上<%request.setCharacterEncoding("UTF-8"); %>这段代码，这样做是不是也挺累的，所以我们想到了使用过滤器来帮助我们做这件事儿，那就清爽、简单多了。

Encodingfilter代码  收藏代码
  1. public class EncodingFilter implements Filter {  
  2.       
  3.     private String charset;  
  4.     @Override  
  5.     public void destroy() {  
  6.         // TODO Auto-generated method stub  
  7.     }  
  8.   
  9.     @Override  
  10.     public void doFilter(ServletRequest request, ServletResponse response,  
  11.             FilterChain chain) throws IOException, ServletException {  
  12.         //用init方法取得的charset覆盖被拦截下来的request对象的charset  
  13.         request.setCharacterEncoding(this.charset);  
  14.         //将请求移交给下一下过滤器，如果还有的情况下。  
  15.         chain.doFilter(request, response);  
  16.     }  
  17.   
  18.     @Override  
  19.     public void init(FilterConfig config) throws ServletException {  
  20.         //从web.xml中的filter的配制信息中取得字符集  
  21.         this.charset = config.getInitParameter("charset");  
  22.     }  
  23. }  

        要想这个过滤器生效，还得到web.xml里加入下面的配制信息。

Web.xml代码  收藏代码
  1. <filter>  
  2.    <filter-name>EncodingFilter</filter-name>  
  3.    <filter-class>cn.eric.encodingtest.filter.EncodingFilter</filter-class>  
  4.    <init-param>  
  5.        <param-name>charset</param-name>  
  6.        <param-value>UTF-8</param-value>  
  7.    </init-param>  
  8. </filter>  
  9. <filter-mapping>  
  10.    <filter-name>EncodingFilter</filter-name>  
  11.    <url-pattern>/*</url-pattern>  
  12. </filter-mapping>  

 

        2、直接使用URL后接参数的形式(超级链接)。

        有些时候可能会遇到通过一个超级链接来把参数传到下一个页面，而刚好这个参数的值有可能会出现中文的情况。就像下面这样：

         <a href="./jstlresult.jsp?content=世界杯">Go South Africa</a>

         跟form提交有些不同的是：当你点击这个超级链接后在浏览器的地址栏里看到的是http://localhost:8080/TomcatJndiTest/jstlresult.jsp?content=世界杯,而不是http://localhost:8080/TomcatJndiTest/jstlresult.jsp?content=%E4%B8%96%E7%95%8C%E6%9D%AF

这里浏览器并没有帮我们把这个转化工作搞定，所以这里要自己动手，丰衣足食了。做法如下：

        <a href="./jstlresult.jsp?content=<%=java.net.URLEncoder.encode("世界杯","utf-8") %>">Go South Africa</a>

        这样的话在第二个页面就能使用<%String str = new String(request.getParameter("content").getBytes("ISO-8859-1"),"utf-8"); %>的方法来正确的得到这个参数值了。

 

        总结一下：

        1、post提交的方式：使用过滤器，将到达页面前的request对象中的字符编码设定成跟你页面统一的编码。

        2、get提交的方式：<%String str = new String(request.getParameter("content").getBytes("ISO-8859-1"),"utf-8"); %>这样的字符串重组的方法。

        3、超级链接方式：先将链接url中的汉字用java.net.URLEncoder.encode("paramValue","charset")方法处理一下，下面的做法参照2。

=============================================华丽的分割线=================================================================

超链接中带有中文的参数 在IE中 是自动转换的，但是在火狐中是正常显示的！！！

转自：http://ericliu1986.iteye.com/blog/694790

posted @ 2015-12-28 13:39  从余  阅读(1884)  评论(0)  编辑  收藏  举报