web前端开发必知的HTTP通信过程

转载 2018年04月17日 18:49:06

转载地址:https://blog.csdn.net/Inuyasha1121/article/details/49887749


在做web前端开发时,我们必须要知道客户端和服务端是如何通信的,通俗简单点就是  请求(客户端) > 响应 (服务端)的过程,可是客户端又是如何向服务端如何请求的呢?而服务端又是如何响应的呢,响应的信息又是不是我们想要的呢?带着问题往下看吧。

HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务,HTTP协议目前的版本是1.1.HTTP是一种无状态的协议,无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后Web服务器返回响应(response),连接就被关闭了,在服务器端不保留连接的有关信息.HTTP遵循请求(Request)/应答(Response)模型。Web浏览器向Web服务器发送请求,Web服务器处理请求并返回适当的应答。所有HTTP连接都被构造成一套请求和应答。

HTTP使用内容类型,是指Web服务器向Web浏览器返回的文件都有与之相关的类型。所有这些类型在MIMEInternet邮件协议上模型化,即Web服务器告诉Web浏览器该文件所具有的种类,是HTML文档、GIF格式图像、声音文件还是独立的应用程序。大多数Web浏览器都拥有一系列的可配置的辅助应用程序,它们告诉浏览器应该如何处理Web服务器发送过来的各种内容类型。


HTTP通信机制是在一次完整的HTTP通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤:

(1) 建立TCP连接

在HTTP工作开始之前,Web浏览器首先要通过网络与Web服务器建立连接,该连接是通过TCP来完成的,该协议与IP协议共同构建Internet,即著名的TCP/IP协议族,因此Internet又被称作是TCP/IP网络。HTTP是比TCP更高层次的应用层协议,根据规则,只有低层协议建立之后才能,才能进行更层协议的连接,因此,首先要建立TCP连接,一般TCP连接的端口号是80

(2) Web浏览器向Web服务器发送请求命令

一旦建立了TCP连接,Web浏览器就会向Web服务器发送请求命令

例如:GET/sample/hello.jsp HTTP/1.1

(3) Web浏览器发送请求头信息

浏览器发送其请求命令之后,还要以头信息的形式向Web服务器发送一些别的信息,之后浏览器发送了一空白行来通知服务器,它已经结束了该头信息的发送。

(4) Web服务器应答

客户机向服务器发出请求后,服务器会客户机回送应答,

HTTP/1.1 200 OK

应答的第一部分是协议的版本号和应答状态码

(5) Web服务器发送应答头信息

正如客户端会随同请求发送关于自身的信息一样,服务器也会随同应答向用户发送关于它自己的数据及被请求的文档。

(6) Web服务器向浏览器发送数据

Web服务器向浏览器发送头信息后,它会发送一个空白行来表示头信息的发送到此为结束,接着,它就以Content-Type应答头信息所描述的格式发送用户所请求的实际数据

(7) Web服务器关闭TCP连接

一般情况下,一旦Web服务器向浏览器发送了请求数据,它就要关闭TCP连接,然后如果浏览器或者服务器在其头信息加入了这行代码

Connection:keep-alive

TCP连接在发送后将仍然保持打开状态,于是,浏览器可以继续通过相同的连接发送请求。保持连接节省了为每个请求建立新连接所需的时间,还节约了网络带宽。


HTTP请求格式

当浏览器向Web服务器发出请求时,它向服务器传递了一个数据块,也就是请求信息,HTTP请求信息由3部分组成:

l 请求方法URI协议/版本

l 请求头(Request Header)

l 请求正文

下面是一个HTTP请求的例子:

GET/sample.jspHTTP/1.1

Accept:image/gif.image/jpeg,/

Accept-Language:zh-cn

Connection:Keep-Alive

Host:localhost

User-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)

Accept-Encoding:gzip,deflate

username=jinqiao&password=1234

(1) 请求方法URI协议/版本

请求的第一行是“方法URL议/版本”:GET/sample.jsp HTTP/1.1

以上代码中“GET”代表请求方法,“/sample.jsp”表示URI,“HTTP/1.1代表协议和协议的版本。

根据HTTP标准,HTTP请求可以使用多种请求方法。例如:HTTP1.1支持7种请求方法:GET、POST、HEAD、OPTIONS、PUT、DELETE和TARCE。在Internet应用中,最常用的方法是GET和POST。

URL完整地指定了要访问的网络资源,通常只要给出相对于服务器的根目录的相对目录即可,因此总是以“/”开头,最后,协议版本声明了通信过程中使用HTTP的版本。

(2)请求头(Request Header)

请求头包含许多有关的客户端环境和请求正文的有用信息。例如,请求头可以声明浏览器所用的语言,请求正文的长度等。

Accept:image/gif.image/jpeg./

Accept-Language:zh-cn

Connection:Keep-Alive

Host:localhost

User-Agent:Mozila/4.0(compatible:MSIE5.01:Windows NT5.0)

Accept-Encoding:gzip,deflate.

(3)请求正文

请求头和请求正文之间是一个空行,这个行非常重要,它表示请求头已经结束,接下来的是请求正文。请求正文中可以包含客户提交的查询字符串信息:

username=jinqiao&password=1234

在以上的例子的HTTP请求中,请求的正文只有一行内容。当然,在实际应用中,HTTP请求正文可以包含更多的内容。


HTTP请求方法我这里只讨论GET方法与POST方法

l GET方法

GET方法是默认的HTTP请求方法,我们日常用GET方法来提交表单数据,然而用GET方法提交的表单数据只经过了简单的编码,同时它将作为URL的一部分向Web服务器发送,因此,如果使用GET方法来提交表单数据就存在着安全隐患上。例如

Http://127.0.0.1/login.jsp?Name=zhangshi&Age=30&Submit=%cc%E+%BD%BB

从上面的URL请求中,很容易就可以辩认出表单提交的内容。(?之后的内容)另外由于GET方法提交的数据是作为URL请求的一部分所以提交的数据量不能太大

l POST方法

POST方法是GET方法的一个替代方法,它主要是向Web服务器提交表单数据,尤其是大批量的数据。POST方法克服了GET方法的一些缺点。通过POST方法提交表单数据时,数据不是作为URL请求的一部分而是作为标准数据传送给Web服务器,这就克服了GET方法中的信息无法保密和数据量太小的缺点。因此,出于安全的考虑以及对用户隐私的尊重,通常表单提交时采用POST方法。

从编程的角度来讲,如果用户通过GET方法提交数据,则数据存放在QUERY_STRING环境变量中,而POST方法提交的数据则可以从标准输入流中获取。


HTTP应答与HTTP请求相似,HTTP响应也由3个部分构成,分别是:

l 协议状态版本代码描述

l 响应头(Response Header)

l 响应正文

下面是一个HTTP响应的例子:

HTTP/1.1 200 OK

Server:Apache Tomcat/5.0.12

Date:Mon,6Oct2003 13:23:42 GMT

Content-Length:112

WEB前端开发[最新全套]

本课程包括Html/CSS、Javascript、jQuery、 Node.js、Express JS 和 React及项目实战等方面,云知梦大牛专家讲师带你快速掌握HTML及CSS基础、到网页布局+实践、到JavaScript开发阶段、在到进阶阶段之jQuery、最后教你网站实践及优化调试,为您打开WEB前端工程师大门。
  • 2018年03月13日 14:48

Web - HTTP协议通信过程细节

1、DNS Lookup DNS(Domain Name System),所谓DNS Lookup就是一个域名解析的过程,将一个域名转换为IP,在互联网中都是依赖于IP进行访问的,域名只是一个名称,...
  • chimomo
  • chimomo
  • 2017-03-15 10:04:41
  • 698

一次完整的HTTP通信中,web浏览器和web服务器之间完成的七个步骤

1、建立TCP连接: 在HTTP工作开始之前,web浏览器首先要通过网络与web服务器建立连接,该连接是通过TCP来完成的。 为什么要先建立TCP呢? 因为HTTP是比TCP更高层次的应用层协议,根据...
  • CNYYGJ
  • CNYYGJ
  • 2016-12-05 15:41:03
  • 2146

web前端开发必知的HTTP通信原理

在做web前端开发时,我们必须要知道客户端和服务端是如何通信的,通俗简单点就是  请求(客户端)  R11;> 响应 (服务端)的过程,可是客户端又是如何向服务端如何请求的呢?而服务端又是如何响应的呢...
  • Small_Youth
  • Small_Youth
  • 2016-05-19 11:06:55
  • 528

web前端开发:Http协议

超文本传送协议 (HTTP-Hypertext transfer protocol) 定义了浏览器(即万维网客户进程)怎样向万维网服务器请求万维网文档,以及服务器怎样把文档传送给浏览器。从层次的角度看...
  • qq_25178609
  • qq_25178609
  • 2016-06-27 16:23:44
  • 1182

HTTP协议 : 协议的完整的通信过程

关于HTTP协议的的相关面试题 : 阐述协议的完整的通信过程,那我们一般可以从下面几个方面进行阐述: HTTP协议的定义 描述HTTP协议完整的通信过程 HTTP协议的全称 超文本传输协议,定制传...
  • ismilesky
  • ismilesky
  • 2015-09-22 22:33:20
  • 1333

Http的基本通信过程

HTTP协议简介 HTTP的全称是HypertextTransfer Protocol,超文本传输协议 规定客户端和服务器之间的数据传输格式 让客户端和服务器能有效地进行数据沟通 HTTP...
  • Vito_Jianxue
  • Vito_Jianxue
  • 2018-01-15 18:46:44
  • 107

http 通信过程http 通信过程http 通信过程

  • 2011年03月07日 22:20
  • 18KB
  • 下载

HTTP通信过程原理

打开火狐浏览器,打开本地服务器。发送登录 分别发送GET和POST请求。发送后,调试如下: 具体数据分析如下: GET请求——> 请求行 GET /login.php?use...
  • u013087513
  • u013087513
  • 2015-10-28 10:44:33
  • 2435

HTTP(二)http协议通信步骤及数据解析

http://www.360doc.cn/article/3554006_144394033.html  WWW的工作基于客户机/服务器计算模型,由Web 浏览器(客户机)和Web服务...
  • conganguo
  • conganguo
  • 2014-12-07 19:26:21
  • 1463
收藏助手
不良信息举报
您举报文章:web前端开发必知的HTTP通信过程
举报原因:
原因补充:

(最多只允许输入30个字)