Ajax Post请求中文乱码问题解决方案

ゝ一世哀愁。 2022-08-09 06:52 340阅读 0赞

本文介绍解决ajax post中文乱码的问题的方案，如果你的web应用中全部使用utf-8编码，那将不会有这上问题。这里主要是解决那些要求页面编码是gbk或 gb2312等非utf-8编码（有时候由于历史遗留问题，就会有这种需求）的web应用遇到的ajax post中文乱码问题。   
    通常，对于这个问题有三种解决方法：

*    
    通过前端页面在ajax post数据时把数据使用encodeURIComponent方法编码两次，后台以utf-8编码取出，使用 java.net.URLDecoder.decode方法解码一次后即可取得正确的数据。----这种方式网上见到的最多，但这样做前端和后台的藕合太 大，而且后台加入的这个解码用的代码与业务逻辑无关，却可能要写在业务逻辑的代码里，显然不是个很好的方案。由其对于大的系统来说，必须跟前端和后台的开 发人员协调好，否则容易出现问题。
 *  第二种方案，比第一次方案前后台的藕合要小，类似于命令模式。通过一个Filter，根据请求的url中的标记用参数来判断是否要把request的编码设置为UTF-8,可以参考我的另一篇博客：[http://hjg1988.iteye.com/blog/467715][http_hjg1988.iteye.com_blog_467715]。----这个方案是通过前台向后台发出一条命令来告诉后台对编码进行处理，对前台的要求降低了。注意其中后台是通过**request.getQueryString方法而不是getParameter方法**来判断是否含有标记。
 *  第三种方案就是我要介绍的方案，与第二种相同，主要问题就是如何让后台知道这是一个ajax post请求，而不是普通的请求。之前因为不知道如何在后台知道前台发来的请求是ajax post的，所以要求前台发出一个命令。而这个方案是我在看到了[http://www.iteye.com/topic/336790][http_www.iteye.com_topic_336790]这个帖子后才知道还有这种方式可以知道是否是一个ajax post请求。下面是我修改过后的方案：
    
      
    
 *  Java代码  ![收藏代码][Image 1]
    
    1.  package com.hjg.demo.filter;  
    2.    
    3.  import java.io.IOException;  
    4.    
    5.  import javax.servlet.Filter;  
    6.  import javax.servlet.FilterChain;  
    7.  import javax.servlet.FilterConfig;  
    8.  import javax.servlet.ServletException;  
    9.  import javax.servlet.ServletRequest;  
    10. import javax.servlet.ServletResponse;  
    11. import javax.servlet.http.HttpServletRequest;  
    12.   
    13. /\*\* 
    14.  \* 针对ajax post请求进行编码设置，因为Ajax post请求总是UTF-8的，<br /> 
    15.  \* 这有可能与应用程序的整体编码设置不一致（由需求决定，比如所有页面<br /> 
    16.  \* 统一使用GBK），所以如果不加处理可能会造成中文乱码。<br /> 
    17.  \* 这个Filter不对应用程序的整体编码进行过滤，即不会影响整体编码设置<br /> 
    18.  \* （Web框架会对编码进行设置），只需要把这个Filter配置在所有Filter之前<br /> 
    19.  \*  
    20.  \* @author jinggang.huangjg 
    21.  \* 
    22.  \*/  
    23. public class AjaxPostEncodingFilter implements Filter \{  
    24.       
    25.     /\*\* ajax post请求的默认content type \*/  
    26.     public static final String AJAX\_POST\_CONTENT\_TYPE\_DEFAULT = "application/x-www-form-urlencoded";  
    27.       
    28.     /\*\* ajax post请求的编码，W3C标准为UTF-8 \*/  
    29.     public static final String AJAX\_POST\_ENCODE = "UTF-8";  
    30.       
    31.     private String ajaxPostContentType;  
    32.   
    33.     public void doFilter(ServletRequest req, ServletResponse res,  
    34.             FilterChain chain) throws IOException, ServletException \{  
    35.           
    36.         HttpServletRequest request = (HttpServletRequest)req;  
    37.           
    38.         String requestedWith = request.getHeader("x-requested-with");  
    39.         String contentType = request.getContentType();  
    40.           
    41.         // 表明是一个Ajax的post请求，并且不是使用隐藏的iframe实现的  
    42.         if("XMLHttpRequest".equalsIgnoreCase(requestedWith) && null != contentType  
    43.                 && contentType.toLowerCase().startsWith(ajaxPostContentType.toLowerCase()))\{  
    44.               
    45.             request.setCharacterEncoding(AJAX\_POST\_ENCODE);  
    46.               
    47.             /\* 
    48.              \* 调用getParameter方法可以让在此之后调用的setCharacterEncoding方法失效， 
    49.              \* 参数可以为任何值（can be any thing） 
    50.              \* 可以防止WEB框架或用户程序再次将其设置回GBK等其它编码， 
    51.              \* 因为有些情况下，用户的要求的页面编码不是UTF-8而是GBK或其它的 
    52.              \*/  
    53.             request.getParameter("can be anything");  
    54.         \}  
    55.           
    56.         chain.doFilter(req, res);  
    57.     \}  
    58.   
    59.     public void init(FilterConfig filterConfig) throws ServletException \{  
    60.         ajaxPostContentType = filterConfig.getInitParameter("ajaxPostContentType");  
    61.           
    62.         if(null == ajaxPostContentType)\{  
    63.             ajaxPostContentType = AJAX\_POST\_CONTENT\_TYPE\_DEFAULT;  
    64.         \}  
    65.     \}  
    66.   
    67.     public void destroy() \{  
    68.     \}  
    69. \}  
    
      
        这是web.xml的配置：   
    
    
    Xml代码  ![收藏代码][Image 1]
    
    1.  <filter>  
    2.      <filter-name>ajax-post-encoding</filter-name>  
    3.      <filter-class>com.hjg.demo.filter.AjaxPostEncodingFilter</filter-class>  
    4.        
    8.        
    14. </filter>  
    
      
    这个方案就对前端没有任何要求，在使用ajax post数据时，不需要做任何处理（当然，前提是你要把contentType设置为application/x-www-form-urlencoded——不过在ajax post数据时本身就应该有这个要求）。

[http_hjg1988.iteye.com_blog_467715]: http://hjg1988.iteye.com/blog/467715
[http_www.iteye.com_topic_336790]: http://www.iteye.com/topic/336790
[Image 1]: