前端 encodeURI 为什么要编码两次

1. 编码解码过程

在这里插入图片描述

2. 总结

两次编码两次解码的过程为:
    UTF-8 编码(成 ASCII 码,全西文字符) -> UTF-8 编码 -> 服务器容器解码(Tomcat 默认编码,Tomcat8 URI 默认编码为 “UTF-8”,而 Tomcat7 URI 默认编码为 “ISO-8859-1”,两者都可正常解全西文字符 ASCII 码) -> UTF-8 解码,编码和解码的过程是对称的,所以不会出现乱码。

  乱码的原因是编码与解码过程不对称,即编码与解码操作使用了不同的编码格式,归根结底还是编码不同呀!

PS:

  1. ASCII 码在计算机中可以表示所有的西文字符
  2. ISO-8859-1(别名ISO-Latin-1)、GB2312、GBK、GB18030、UTF-8 是向下兼容 ASCII 编码的

3. 代码示例

前台JS提交的时候将中文先编码 2 次

encodeURI(encodeURI())

然后在后台对接收到的参数解码,将前台编过 2 次码的参数,再解 2 次码,Tomcat 会自动解码 1 次,如果容器 Tomcat 或其他会自动解码 1 次的容器,则只需要解码 1 次。

public static String decodeAjaxString(String strVal) {
	try {
		strVal = URLDecoder.decode(URLDecoder.decode(strVal,"UTF-8"),"UTF-8");
	} catch (UnsupportedEncodingException ex) {
		strVal = "";
		ex.printStackTrace();
	}
	return strVal;
}

其他问题:encodeURI() 和 encodeURIComponent() 的区别?

4. 参考资料

  1. https://blog.csdn.net/xpsharp/article/details/84081946
  2. https://www.zhihu.com/question/21861899/answer/20300871
Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐