中文乱码在java中URLEncoder.encode方法要调用两次解决

心已赠人 2024-02-18 18:20 78阅读 0赞

一、场景：

1、我在客户端要通过get方式调用服务器端的url，将中文参数做utf-8编码，需要在js中两次的进行编码，服务器端才能用decode方法一次获取。

例如：

\[html\] [view plain][] [copy][view plain]

1.  var xing=encodeURIComponent(encodeURIComponent(xing));

2、如果我在客户端用java输出汉字作为参数，并且用http协议，也是需要两次才能在服务器端正常的一次decode

\[html\] [view plain][] [copy][view plain]

1.  xing=URLEncoder.encode(xing,"UTF-8"); 
2.  xing=URLEncoder.encode(xing,"UTF-8");

服务器端只需要一次decode xing=URLDecoder.decode(xing, "UTF-8");

二、原理：

因为在jsp中对中文进行了编码的时候用的是UTF-8的编码方式，而在servlet中调用request.getParameter();方法的时候使用服务器指定的编码格式自动解码一次，所以前台编码一次后台解码一次而解码和编码的方式不用所以造成了乱码的出现，  
  
这就类似于以下代码：

String name = java.net.URLEncoder.encode( " 测试 " ,  " UTF-8 " );  
System.out.println(name);  
System.out.println(java.net.URLDecoder.decode(name,  " ISO-8859-1 " ));

编码后的是%E6%B5%8B%E8%AF%95。。  
而用ISO-8859-1解码后的是???è?。。  
  
但是如果调用的是

System.out.println(java.net.URLDecoder.decode(name,  " UTF-8 " ));

则结果是打印“测试”。  
  
这就印证了 之前为什么我在servlet中调用java.net.URLDecoder.decode(request.getParameter("name"), "UTF-8")方法和调用java.net.URLDecoder.decode(request.getQueryString(), "UTF-8")所得到的结果是不一样的，就是由于在request.getParameter("name")之前会自动做一次解码的工作，而且是默认的ISO-8859-1。  
  
所以，在使用java.net.URLEncoder.decode()和java.net.URLDecoder.decode(),的时候需要在前端页面中使用两次java.net.URLDecoder.decode()方法。  
  
使用两次编码的过程相当于如下代码：

[![复制代码][copycode.gif]][copycode.gif 1]

String name = java.net.URLEncoder.encode( " 测试 " ,  " UTF-8 " );  
System.out.println(name);  
name = java.net.URLEncoder.encode(name, " UTF-8 " );  
System.out.println(name);  
name = java.net.URLDecoder.decode(name,  " UTF-8 " );  
System.out.println(name);  
System.out.println(java.net.URLDecoder.decode(name,  " UTF-8 " ));

[![复制代码][copycode.gif]][copycode.gif 1]

输出为：  
  
%E6%B5%8B%E8%AF%95  
%25E6%25B5%258B%25E8%25AF%2595  
%E6%B5%8B%E8%AF%95  
测试  
  
第一次编码后将汉字编码为%和字母数字的格式，而第二次编码的时候是对%字母数字进行编码，虽然解码的时候使用的是ISO-8859-1，但是对于%和字母数字而言用ISO-8859-1和UTF-8解码出来的是一样的，此时就回到了汉字被编码过一次的字符串了，当再次进行解码的时候使用UTF-8就回将它转会汉字。

[view plain]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/1052a79ce7f04f2e8dc299a2765e5c8e.png#
[copycode.gif]: http://common.cnblogs.com/images/copycode.gif
[copycode.gif 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/1052a79ce7f04f2e8dc299a2765e5c8e.png