码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习11:HTTP 方法

时间:2015-10-31 18:38:49      阅读:304      评论:0      收藏:0      [点我收藏+]

标签:html   dreamweaver   web前端开发   客户端   表单   

        HTTP方法中两种最常用的 HTTP 方法是:GET 和 POST。

        一什么是 HTTP

        超文本传输协议(HTTP)的设计目的是保证客户端与服务器之间的通信。HTTP 的工作方式是客户端与服务器之间

的请求-应答协议。web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端。

        客户端(浏览器)向服务器提交 HTTP 请求;服务器向客户端返回响应。响应包含关于请求的状态信息以及可能

被请求的内容。

        两种 HTTP 请求方法:在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。

        (1)GET - 从指定的资源请求数据。

        (2)POST - 向指定的资源提交要被处理的数据。

        GET和POST区别表格:

技术分享

        二表单(算作是客户端)提交代码:

<!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">
	   <!--另一种提交方式是将form标签的method属性的值改为“method="post"”-->
	          <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获取

提交的数据。

        目前不会做服务器端,因此难以提供更有效的数据论证。学习了服务器端,在进行更详细的理解。

版权声明:本文为博主原创文章,未经博主允许不得转载。

HTML学习11:HTTP 方法

标签:html   dreamweaver   web前端开发   客户端   表单   

原文地址:http://blog.csdn.net/erlian1992/article/details/49532157

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!