页面编码为GBK时 jquery 提交ajax数据完美解决"中文乱码"方案
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,这时就要根据项目的编码方式进行解码了。
还可以把这部分代码写在过滤器中:
package com.lianzt.filter;
public class EncodingFilter implements Filter {
private String encoding = null;
public EncodingFilter() {
}
public String getEncoding() {
return encoding;
}
public void setEncoding(String encoding) {
this.encoding = encoding;
}
public void doFilter(ServletRequest request, ServletResponse response,
FilterChain chain)
throws IOException, ServletException {
if (request.getCharacterEncoding() == null) {
request.setCharacterEncoding(encoding);
}
response.setContentType("text/html;charset=" + encoding);
chain.doFilter(request, response);
}
public void init(FilterConfig filterConfig) {
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请求都加上。