前端 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