服务器与浏览器数据传输过程中编码问题

本是古典何须时尚 2022-05-15 00:28 209阅读 0赞

## 一、前言 ##

最近在研究公司的一个项目，无意间注意起平时用的多但是没怎么注意的一个问题，那就是浏览器往服务器传送数据的时候到底是怎么编码的？网上有篇 文章写得不错，并且本人亲测确实如文章所述，所以这边特意转载，并且分享一下我对这个细小知识点的总结，希望对刚入门的小白在解决前后端数据传输中，中文 乱码问题有所帮助~

## 二、正文 ##

**2.1 请求编码 **  
1）直接在地址栏中给出中文   
请求数据是由客户端浏览器发送服务器的，请求数据的编码是由浏览器决定的。例如在浏览器地址栏中给出：[http://localhost:8080/hello/AServlet?name=][http_localhost_8080_hello_AServlet_name]传智，那么其中“传智”是什么编码的呢？不同浏览器使用不同的编码，所以这是不确定的！

*  IE：使用GB2312；
 *  FireFox：使用GB2312；
 *  Chrome：使用UTF-8；

通常没有哪个应用要求用户在浏览器地址栏中输入请求数据的，所以大家只需了解一下即可

2）在页面中发出请求   
通 常向服务器发送请求数据都需要先请求一个页面，然后用户在页面中输入数据。页面中有超链接和表单，通过超链接和表单就可以向服务器发送数据了。因为页面是 服务器发送到客户端浏览器的，所以这个页面本身的编码由服务器决定。而用户在页面中输入的数据也是由页面本身的编码决定的。   
index.html

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 </td> 
 <td> <code>&lt;!</code><code>DOCTYPE</code> <code>html&gt;</code> <code>&lt;</code><code>html</code><code>&gt;</code> <code>&nbsp;&nbsp;</code><code>&lt;</code><code>head</code><code>&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>title</code><code>&gt;index.html&lt;/</code><code>title</code><code>&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>meta</code> <code>http-equiv="content-type" content="text/html; charset=UTF-8"&gt;</code> <code>&nbsp;&nbsp;</code><code>&lt;/</code><code>head</code><code>&gt;</code> &nbsp; <code>&nbsp;&nbsp;</code><code>&lt;</code><code>body</code><code>&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>form</code> <code>action="/hello/servlet/AServlet"&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>名称:&lt;</code><code>input</code> <code>type="text" name="name"/&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>input</code> <code>type="submit" value="提交"/&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;/</code><code>form</code><code>&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;</code><code>a</code> <code>href="/hello/servlet/AServlet?name=传智"&gt;链接&lt;/</code><code>a</code><code>&gt;</code> <code>&nbsp;&nbsp;</code><code>&lt;/</code><code>body</code><code>&gt;</code> <code>&lt;/</code><code>html</code><code>&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>

当用户在index.html页面中输入数据时，都是UTF-8列表的。因为这个页面本身就是UTF-8编码的！ 页面的编译就是页面中输入数据的编码。

3）GET请求解读编码   
当 客户端通过GET请求发送数据给服务器时，使用request.getParameter()获取的数据是被服务器误认为ISO-8859-1编码的，也 就是说客户端发送过来的数据无论是UTF-8还是GBK，服务器都认为是ISO-8859-1，这就说明我们需要在使用 request.getParameter()获取数据后，再转发成正确的编码。   
例如客户端以UTF-8发送的数据，使用如下转码方式：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 </td> 
 <td> <code>String name = request.getParameter(“name”);</code> <code>name = </code><code>new</code> <code>String(name.getBytes(“iso-</code><code>8859</code><code>-</code><code>1</code><code>”), “utf-</code><code>8</code><code>”);</code> </td> 
 </tr> 
 </tbody> 
</table>

4）POST请求解读编码   
当 客户端通过POST请求发送数据给服务器时，可以在使用request.getParameter()获取请求参数之前先通过 request.setCharacterEncoding()来指定编码，然后再使用reuqest.getParameter()方法来获取请求参 数，那么就是用指定的编码来读取了。 也就是说，如果是POST请求，服务器可以指定编码！但如果没有指定编码，那么默认还是使用ISO-8859-1来 解读。

request.setCharacterEncoding(“utf-8”); 
    String name = request.getParameter(“name”);

**2.2 响应编码 **  
响应：服务器发送给客户端数据！响应是由response对象来完成，如果响应的数据不是字符数据，那么就无需去考虑编码问题。当然，如果响应的数据是字符数据，那么就一定要考虑编码的问题了。

response.getWriter().print(“传智”);

上面代码因为没有设置repsonse.getWriter()字符流的编码，所以服务器使用默认的编码（ISO-8859-1）来处理，因为ISO-8859-1不支持中文，所以一定会出现编码的。   
所以在使用response.getWriter()发送数据之前，一定要设置response.getWriter()的编码，这需要使用response.setCharacterEncoding()方法：

response.setCharacterEncoding(“utf-8”); 
    response.getWriter().print(“传智”);

上面代码因为在使用response.getWriter()输出之前已经设置了编码，所 以输出的数据为utf-8编码。但是，因为没有告诉浏览器使用什么编码来读取响应数据，所以很可能浏览器会出现错误的解读，那么还是会出现乱码的。当然， 通常浏览器都支持来设置当前页面的编码，如果用户在看到编码时，去设置浏览器的编码，如果设置的正确那么乱码就会消失。但是我们不能让用户总去自己设置编 码，而且应该直接通知浏览器，服务器发送过来的数据是什么编码，这样浏览器就直接使用服务器告诉他的编码来解读！这需要使用content-type响应 头。

response.setContentType(“text/html;charset=utf-8”); 
    　　response.getWriter().print(“传智”);

上面代码使用setContentType()方法设置了响应头content-type 编码为utf-8，这不只是在响应中添加了响应头，还等于调用了一次response.setCharacterEncoding(“utf-8”)，也 就是说，通过我们只需要调用一次response.setContentType(“text/html;charset=utf-8”)即可，而无需再 去调用response.setCharacterEncoding(“utf-8”)了。

在静态页面中，使用来设置content-type响应头，例如：

**2.3 URL编码 **

通过页面传输数据给服务器时，如果包含了一些特殊字符是无法发送的。这时就需要先把要发送的数据转换成URL编码格式，再发送给服务器。   
其实需要我们自己动手给数据转换成URL编码的只有GET超链接，因为表单发送数据会默认使用URL编码，也就是说，不用我们自己来编码。   
例 如：“传智”这两个字通过URL编码后得到的是：“%E4%BC%A0%E6%99%BA”。URL编码是先需要把“传智”转换成字节，例如我们现在使用 UTF-8把“传智”转换成字符，得到的结果是：“\[-28, -68, -96, -26, -103, -70\]”，然后再把所有负数加上256，得到\[228, 188, 160, 230, 153, 186\]，再把每个int值转换成16进制，得到\[E4, BC, A0, E6, 99, BA\]，最后再每个16进制的整数前面加上“%”。   
通过URL编码，把“传智”转换成了“%E4%BC%A0%E6%99%BA”，然后发送给服务器！服务器会自动识别出数据是使用URL编码过的，然后会自动把数据转换回来。

当然，在页面中我们不需要自己去通过上面的过程把“传智”转换成“%E4%BC%A0%E6%99%BA”，而是使用Javascript来完成即可。当后面我们学习了JSP后，就不用再使用Javascript了。

因为URL默认只支持ISO-8859-1，这说明在URL中出现中文和一些特殊字符可能无法发送到服务器。所以我们需要对包含中文或特殊字符的URL进行URL编码。

服务器会自动识别数据是否使用了URL编码，如果使用了服务器会自动把数据解码，无需我们自己动手解码。

**个人总结：**首 先我们需要明确，在这个乱码问题中，有两个对象一个是客户端，一个是服务端，服务端就是我们自己部署的程序，客户端就是我们用户的浏览器。通信过程中涉及 客户端对将要发送数据的编码（解码），以及服务端对收到的数据进行解码（编码）问题，只要两边编码/解码的字符集一致，就不会出现乱码问题。在客户端编码 过程中，如果是在地址栏中直接输入参数，比如name=杰克&age=12的方式进行数据传输，那么不同浏览器会采用不同的字符集，对数据进行编 码（编码的结果就是字节，并且在底层进行传输），在服务器端，针对不同的提交方式，不同的处理（get和post的处理方式不同），默认不进行处理的 话，httpservletrequest.getParameter("xxxx")，获取的值是ISO-8859-1编码的字符（不管你在浏览器发送 出来是以UTF-8编码的还是GBK等进行编码的数据，在服务端不进行编码设置的话，都是以ISO-8859-1编码，对传输过来的字节进行显示），如果 存在中文，那么就会乱码，对get和post提交的数据，如何处理乱码（**这边需要特意说明一点：**在解码过程中，并没有对传输过来的字节进行改变，只是在显示的时候，对字节存储的数据进行了映射而已）：

get方式提交的数据（这边假设浏览器端用的是UTF-8进行编码传递过来的）：

String name = request.getParameter(“name”);
      name = new String(name.getBytes(“iso-8859-1”), “utf-8”);

post方式提交的数据（这边假设浏览器端用的是UTF-8进行编码传递过来的）：

request.setCharacterEncoding(“utf-8”); 
     String name = request.getParameter(“name”);

## 三、参考链接 ##

[http://blog.csdn.net/xiaoyiaoyou/article/details/45147495][http_blog.csdn.net_xiaoyiaoyou_article_details_45147495]

[http_localhost_8080_hello_AServlet_name]: http://localhost:8080/hello/AServlet?name=
[http_blog.csdn.net_xiaoyiaoyou_article_details_45147495]: http://blog.csdn.net/xiaoyiaoyou/article/details/45147495