开发者社区> zhangao0086> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

彻底解决全站乱码

简介: 先分析一下出现乱码的几种情况: 数据在页面显示有乱码 数据到服务器后有乱码 从服务器返回的有乱码 使用Ajax收发时有乱码   数据在页面显示有乱码 也就是服务器获取数据时没有问题,在客户端上显示数据为乱码,这种情况最好解决,只需修改页面...
+关注继续查看

先分析一下出现乱码的几种情况:

  • 数据在页面显示有乱码
  • 数据到服务器后有乱码
  • 从服务器返回的有乱码
  • 使用Ajax收发时有乱码

 

数据在页面显示有乱码

也就是服务器获取数据时没有问题,在客户端上显示数据为乱码,这种情况最好解决,只需修改页面的编码即可:

pageEncoding="utf-8"

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 

数据到服务器后有乱码

通常出现在表单提交数据给服务器,服务器获取时得到的是乱码,以Tomcat为例,出现这种情况是因为没有告诉服务器以什么编码去获取数据,假设页面是以utf-8的编码显示的数据,你填写时没有问题,看起来是没有问题,但是计算机只认识0和1,它在传输过程中是以二进制的样式进入到服务器的,这时你的服务器就不知道它之前是什么编码,如果你没有指定,它就会按照老外的喜好,以iso8859-1的编码去读取,结果就出乱码了.

这种情况的解决方式又要一分为二,为POST和GET方式,POST解决方案很简单,既然获取时有乱码,那么在获取之前,设置编码即可:

request.setCharacterEncoding("utf-8");

然后再使用传统方法获取:

String value = request.getParameter("value");

需要注意,这种设置只对POST提交有效,如果是GET则相对麻烦一点.因为乱码是在调用方法getParameter()时出现的,方法内部的编码肯定出现了问题,既然它不能自动使用UTF-8,那我们就手动来转:

if(request.getMethod().equalsIgnoreCase("get")){

value = new String(value.getBytes("iso8859-1"),"utf-8");

}

由于POST提交方式已经得到了解决,我们就只需要在提交方式为GET时进行处理.这样,就能保证服务器获取的数据肯定不是乱码

 

从服务器返回的有乱码

通常只需要设置response的编码:

response.setCharacterEncoding("utf-8");

然后再设置浏览器的编码为UTF-8

或者通知浏览器以UTF-8的编码打开

response.setContentType("text/html;charset=utf-8");

这样就能保证浏览器收到的是UTF-8的数据,并且显示也没有问题.

 

使用Ajax收发时有乱码

如果是使用Ajax或者JavaScript提交的表单,是用get就需要对传递的中文进行编码.使用JS的内置函数encodeURI(),这个函数把URI字符串采用UTF-8编码格式转化成escape格式的字符串,如果不使用该函数,将由浏览器进行默认的编码,但这是一种不能预测的行为.总而言之,只要上述问题解决了,Ajax也就清静了

 


 

另外,如果获取数据时,服务器端的每个程序都需要针对POST,GET进行设置,且都是同样的写法,那就显得太不优雅了,所以最后用一个过滤器替换掉对所有页面的request和response的设置.那我就需要在过滤器里面对request或者response对象进行增强,然后把增强后的request或者response放行,我在服务器程序里面就不用再写解决乱码的代码,从而提高程序的可维护性.

增强一个类有三种方式:

  1. 直接继承该类
  2. 包装设计模式
  3. 动态代理

显然,这里不适合用继承,虽然它最简单,但是一个request对象中包含着众多的数据,如果想创造一个request对象,就必须知道request是如何产生的,然后用服务器创造request对象的方式去创造我的"MyRequest"对象,来达到增强的目的.所以在这里放弃这种方式.

过滤器+包装类

public class CharacterFilter implements Filter {
    
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) res;
        //POST的乱码解决方案
        request.setCharacterEncoding("utf-8");
        
        //返回数据的乱码解决方案
        response.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        
        //将增强后的对象放行
        MyRequest myRequest = new MyRequest(request);
        chain.doFilter(myRequest, response);    //这样一来,后面所有的操作都是基于这个增强后的对象进行的
    }
    /**创建一个request对象的包装类:
         1.编写一个类,实现与被增强对象相同的接口
         2.在类中定义一个变量,记住被增强对象
         3.在类中定义一个构造方法,接收被增强对象
         4.覆写想要增强的方法
         5.对于不想增强的方法,直接调用被增强对象(目标对象)的方法
     包装设计模式"五步曲"
     */
    class MyRequest extends HttpServletRequestWrapper{
        private HttpServletRequest request;
        public MyRequest(HttpServletRequest request) {
            super(request);
            this.request = request;
        }
        @Override
        public String getParameter(String name) {
            //如果请求方式是POST,则不用增强,直接调用目标对象的方法
            if(this.request.getMethod().equalsIgnoreCase("POST")){
                return this.request.getParameter(name);
            }
            /*程序运行到此,请求方式必然为GET
            先获取值,再进行手动转换*/
            String value = this.request.getParameter(name);
            try {
                value = new String(value.getBytes("iso8859-1"),"utf-8");
            } catch (UnsupportedEncodingException e) {
                throw new RuntimeException(e);
            }
            return value;        //返回
        }
    }
    
    public void destroy() {
        // TODO Auto-generated method stub
    }
    public void init(FilterConfig fConfig) throws ServletException {
        // TODO Auto-generated method stub
    }
} 

过滤器记得在web.xml中配置一把

 

过滤器+动态代理

public class CharacterFilter2 implements Filter {
    
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        final HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) res;
        //POST的乱码解决方案
        request.setCharacterEncoding("utf-8");
        
        //返回数据的乱码解决方案
        response.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        
        //用动态代理拦截,增强getParameter()后,放行
        chain.doFilter((ServletRequest) Proxy.newProxyInstance(CharacterFilter2.class.getClassLoader(), request.getClass().getInterfaces(), 
                new InvocationHandler(){ //直接实现接口
            @Override
            public Object invoke(Object proxy, Method method, Object[] args)
                    throws Throwable {
                //如果请求方式是POST,则不用增强,直接调用目标对象的方法
                if(request.getMethod().equalsIgnoreCase("POST")){
                    return method.invoke(request, args);
                }
                String methodName = method.getName();
                //如果传递进来的方法不是getParameter(),则不用增强
                if(!methodName.equals("getParameter")){
                    return method.invoke(request, args);
                }
                //为GET,并且是getParameter(),...
                String value = (String) method.invoke(request, args);
                if(value!=null){
                    value = new String(value.getBytes("iso8859-1"),"utf-8");
                }
                return value;
            }
        }), response);
    }
    
    public void destroy() {
        // TODO Auto-generated method stub
    }
    public void init(FilterConfig fConfig) throws ServletException {
        // TODO Auto-generated method stub
    }
} 

好了,还是记得要配置一把


至此,全站的乱码问题得到解决,其实还有一个更为简单的方式,就是修改服务器的配置文件,但是如果服务器不受自己控制,就没用了.

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
关于web性能的思考与分享[04]——页面优化方案
关于web性能的思考与分享[04]——页面优化方案
0 0
巧用对象存储回源绕过SSRF限制
有时开发对于SSRF的限制可能是简单的禁用内网地址来实现的,这时如果传入一个外网地址,将其重定向至内网地址,则可以绕过限制对内网服务器发出请求。
0 0
CDN应用进阶 | 正确使用CDN 让你更好规避安全风险
为了帮助用户更好地了解和使用CDN产品,CDN应用实践进阶系统课程开课了。12月17日,阿里云CDN产品专家彭飞在线分享了《正确使用CDN,让你更好规避安全风险》议题,解读使用CDN的常见误区和问题、DDoS攻击的演进以及CDN场景更有效的防护方式。
0 0
CDN页面优化不生效排查遇到的坑
如果源站响应给CDN的数据是Gzip压缩以后的数据会导致CDN的页面优化不生效。本文详细讲述了问题的原因以及排查过程,并讲述了Nginx关于Gzip的压缩配置,同时介绍了CDN作为代理服务,引入了Via header以后对Nginx服务器的影响。
0 0
怎样用CDN防篡改、抗攻击、控内容?一份CDN安全指南请查收
阿里云CDN经过10多年的技术沉淀和实践,已经从传统的加速,逐渐构筑起一个边缘+云的安全网络立体防护体系,从全链路安全传输、常见攻击类型的边缘防御、企业级独享资源部署、运维以及内容安全保障机制几个维度,为企业通向网络提供安全可靠的桥梁。
908 0
启用全站HTTPS后不仅更安全而且更快 看淘宝是如何做到的
电商启用全站HTTPS是一件门槛极高的事情,它需要投入巨大的资源,不仅是人力、财力等方面,而且对技术能力也提出了极为苛刻的要求。
397 0
三利器保障WEB服务器安全
本文讲的是三利器保障WEB服务器安全,安全的话题永远是网民关心的焦点,今天服务器被黑,明天网站被下马,这都能让管理员触目惊心。
1208 0
某网站页面优化方案
从技术角度,根据网站页面来看,页面可以有如下优化(有可能不全,待添加,欢迎补充) 作者:風 1.URL 规则,符合优化,有利于搜索引擎,和人工阅读(看了就知道这个是做什么用的) 2.JS压缩 3.CSS压缩 4.页面上CSS样式少用,尽量写在单独CSS样式文件里面 5.合并JS文件 6.合并CSS文件 7.合并较小图片文件 8.a标签增加title属性,鼠标放上去时会显示信息(部分加了,部
1361 0
+关注
zhangao0086
做过后端(J2EE),11年转 iOS ,12年中~14年中创过业(跨界开火锅店..),对代码有洁癖,致力于写出优雅的代码,在多个公司负责过 iOS 架构,熟悉设计模式,热衷产品设计与交互,业余时间担任 CSDN iOS 版块版主
文章
问答
文章排行榜
最热
最新
相关电子书
更多
网站安全从云解析开始
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载