页面编码为GBK时 jquery 提交ajax数据完美解决"中文乱码"方案

XTUxiaoxin 2011-03-06

jquery在发送ajax数据时,使用了js的内置方法encodeURIComponent对数据进行了处理,该方法的作用是把数据以UTF-8的方式编码,所以页面的编码方式无论是GBK、UTF-8等,在服务器端获取数据前使用request.setCharacterEncoding("UTF-8"),就可以获取到正常的中文字符了;但是,在实际项目中这个简单的方案并不能解决所有情况。

我们做如下处理:

1.在使用jquery的jQuery.ajax()方法时,在参数中增加一个设置{contentType:"application/x-www-form-urlencoded;charset=utf-8"},这时在服务器端使用方法request.getCharacterEncoding()(PS:这时以java代码为例)就可以获取到编码格式为UTF-8,所以不需要进行任何处理就可以获取到正常的中文字符。

2.以POST方式提交表单时,request.getCharacterEncoding()获取到的编码格式为null,这时就要根据项目的编码方式进行解码了。

还可以把这部分代码写在过滤器中:

packagecom.lianzt.filter;

publicclassEncodingFilterimplementsFilter{

privateStringencoding=null;

publicEncodingFilter(){

}

publicStringgetEncoding(){

returnencoding;

}

publicvoidsetEncoding(Stringencoding){

this.encoding=encoding;

}

publicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,

FilterChainchain)

throwsIOException,ServletException{

if(request.getCharacterEncoding()==null){

request.setCharacterEncoding(encoding);

}

response.setContentType("text/html;charset="+encoding);

chain.doFilter(request,response);

}

publicvoidinit(FilterConfigfilterConfig){

this.filterConfig=filterConfig;

this.encoding=filterConfig.getInitParameter("encoding");

}

}

在web.xml中加上以下代码:

<filter>

<filter-name>EncodingFilter</filter-name>

<filter-class>com.lianzt.filter.EncodingFilter</filter-class>

<init-param>

<param-name>encoding</param-name>

<param-value>gbk</param-value>

</init-param>

</filter>

<filter-mapping>

<filter-name>EncodingFilter</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

这样在servlet就可以获取到正常的表单数据了,前提是在调用jQuery.ajax()时,要加上{contentType:"application/x-www-form-urlencoded;charset=utf-8"}参数,可以把这个参数使用jQuery.ajaxSetup()方法设置为全局ajax参数,不需要每次ajax请求都加上。

相关推荐

mmywcoco / 0评论 2020-06-06