HTML学习11：HTTP 方法 · Web前端HTML+CSS+JS初级入门

HTTP方法中两种最常用的 HTTP 方法是：GET 和 POST。 ### 一,什么是 HTTP 超文本传输协议(HTTP)的设计目的是保证客户端与服务器之间的通信。HTTP 的工作方式是客户端与服务器之间的请求-应答协议。web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。两种 HTTP 请求方法：在客户机和服务器之间进行请求-响应时，两种最常被用到的方法是：GET 和 POST。 (1)GET - 从指定的资源请求数据。 (2)POST - 向指定的资源提交要被处理的数据。 GET和POST区别表格： ![](https://box.kancloud.cn/2016-04-28_5721558a7c57b.jpg) ### 二,表单(算作是客户端)提交代码： ~~~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>HTML表单GET和POST提交方式演示</title> </head> <body> <div align="center"> <form id="form1" action="收到数据的页面.aspx" method="get">  <table border="1" bordercolor="#0000FF" cellpadding="10" cellspacing="0" width="600"> <tr> <th colspan="2">注册表单</th> </tr> <tr> <td>用户名称：</td> <td> <input type="text" name="user" /> </td> </tr> <tr> <td>输入密码：</td> <td> <input type="password" name="psw" /> </td> </tr> <tr> <td>确认密码：</td> <td><input type="password" name="repsw" /> </td> </tr> <tr> <td>选择性别：</td> <td> <input type="radio" name="sex" value="man" />男 <input type="radio" name="sex" value="woman" />女 </td> </tr> <tr> <td>选择技术：</td> <td><input type="checkbox" name="technology" value="JAVA" />JAVA <input type="checkbox" name="technology" value="HTML" />HTML <input type="checkbox" name="technology" value="CSS" />CSS </td> </tr> <tr> <td>选择国家</td> <td> <select name="country"> <option value="none">--选择国家--</option> <option value="China">中国</option> <option value="USA">美国</option> <option value="UK">英国</option> </select> </td> </tr> <tr> <th colspan="2"> <input type="reset" value="清除数据" /> <input type="submit" value="提交数据" /> </th> </tr> </table> </form> </div> </body> </html> ~~~ 我们在客户端这里看不出任何区别，但是表单提交给服务器端就会有明显的区别(也是最直接的区别)： GET提交方式的地址栏： file:///C:/Users/Administrator/Desktop/收到数据的页面.aspxuser=abc&psw=123&repsw=123&sex=man&technology=JAVA&country=China POST提交方式的地址栏： file:///C:/Users/Administrator/Desktop/收到数据的页面.aspx 从上述的内容可以看出几点区别： (1)get 提交的信息都显示在地址栏中；post提交的信息不显示在地址栏中。 (2)get提交对于敏感信息数据不安全；post提交对于敏感信息安全； (3)get提交对于大数据不行，因为地址栏存储的信息是有限的；post可提交大体积的数据。 (4)get提交将信息封装到了请求信息的请求行中； post提交将信息封装到了请求体中； ### 三,在服务器端的区别如果出现将中文提交到tomcat服务器，服务器默认会用iso8859-1进行解码，会出现乱码，通过iso8859-1进行编码，再用指定的中文表解码，即可；但对于post提交方式提交的中文还有另一种解决办法，就是直接使用服务端一个对象request对象的 setCharacterEncoding方法直接设置指定的中文代码表就可以将中文数据解析出来，这个方法只对请求中的数据进行解码。 ### 四,通过 get 或者 post 方法都可以获得 Form 的数据，两者主要区别在于以下几方面： (1)GET方式： URL 改变，在URL 里显示 HTML Form 参数的 name/value 值。只适合有少量参数的 HTML Form，因为 URL 长度有字符限制，不能无限长。涉及安全性的信息，比如用户密码，不能用 get，因为会在 URL 上显示，不安全。 (2)POST方式： URL 不改变，不在 URL 里显示 HTML Form 的数据。 Form 提交的信息没有长度限制。涉及安全性的信息，如用户密码，应采用 post 方式。 ### 五,总结客户端和服务器端交互的三种方式： (1)地址栏输入url地址；get (2)超链接； get (3)表单； get 和 post GET和POST的优缺点： (1)Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。 (2)Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。 (3)Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。Post的所有操作对用户来说都是不可见的。 (4)Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post（当然还有一个原因，将在后面的提到）。 (5)Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。默认是用ISO-8859-1编码。 (6)Get是Form的默认方法。 (7)get的执行效率要高于post。 (8)对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。目前不会做服务器端，因此难以提供更有效的数据论证。学习了服务器端，在进行更详细的理解。