您现在的位置是:首页 > 学无止境 > Web网站首页Web 通过HTTP请求响应过程了解HTTP协议

通过HTTP请求响应过程了解HTTP协议

  • 莫愁
  • Web
  • 2019-03-15
简介为什么做web前端要了解http标准?因为浏览器要从服务端获取网页,网页也可能将信息再提交给服务器,这其中都有http的连接。
字数 1940

为什么做web前端要了解http标准?因为浏览器要从服务端获取网页,网页也可能将信息再提交给服务器,这其中都有http的连接。

个人觉得作为web前端开发人员,还是需要了解常用的一些http的知识。比如:http请求的过程,http常见的状态码,http头部信息(主要包含Response HeaderRequest Header),cookie状态管理,请求的方法(常用的get,post等的使用及区别)等等。

推荐一款软件

Fiddler 提取码:9nme
Fiddler (10.8 MB)

首先了解一次完整的HTTP请求到响应的过程需要的步骤:

  • 域名解析
  • 发起TCP的3次握手
  • 建立TCP连接后发起http请求
  • 服务器端响应http请求,浏览器得到html代码
  • 浏览器解析html代码,并请求html代码中的资源
  • 浏览器对页面进行渲染呈现给用户

1. 域名解析

就是将网站名称转变成IP地址:localhost-->127.0.0.1

像什么hosts文件,DNS域名解析等等可以实现这种功能

2.发起TCP的3次握手

在客户机和服务器之间建立正常的TCP网络连接时:客户机首先发出一个SYN消息,服务器使用SYN+ACK应答表示接收到了这个消息,最后客户机再以ACK消息响应。

这样在客户机和服务器之间才能建立起可靠的TCP连接,数据才可以在客户机和服务器之间传递。

3.发起HTTP请求(HTTP Request)

所谓的HTTP请求,也就是Web客户端向Web服务器发送信息,这个信息由如下三部分组成:

如图所示:

请求

1)请求行

例如:GET www.mochoublog.com HTTP/1.1
请求行写法是固定的,由三部分组成,

第一部分是请求方法:

除了常见的有GetPost方法,实际上HTTP请求方法还有很多,比如: PUT方法,DELETE方法,HEAD方法,CONNECT方法,TRACE方法

第二部分是请求网址。

第三部分是HTTP版本。

2)HTTP头

HTTP头在HTTP请求可以是3种HTTP头:

请求头(request header) ;
普通头(general header) ;
实体头(entity header);

通常来说,由于Get请求往往不包含内容实体,因此也不会有实体头。

3)内容

只在POST请求中存在,因为GET请求并不包含任何实体

4.服务器端HTTP响应(HTTP Response)请求

当Web服务器收到HTTP请求后,会根据请求的信息做某些处理(这些处理可能仅仅是静态的返回页,或是包含Asp.net, PHP, Jsp等语言进行处理后返回),相应的返回一个HTTP响应。HTTP响应在结构上很类似于HTTP请求,也是由三部分组成,分别为:

1)状态行

例如:HTTP/1.1 200 OK

第一部分是HTTP版本

第二部分是响应状态码

第三部分是状态码的描述

信息类 (100-199)

响应成功 (200-299)

重定向类 (300-399)

客户端错误类 (400-499)

服务端错误类 (500-599)

详细HTTP 状态消息请看: HTTP 状态消息

2)HTTP头

HTTP响应中包含的头包括:

响应头(response header);
普通头(general header);
实体头(entity header);

3)返回内容

HTTP响应内容就是HTTP请求所请求的信息。这个信息可以是一个HTML,也可以是一个图片。响应的数据格式通过Content-Type字段来获得:Content-Type:image/png;或者我们熟悉的Content-Type:text/html

下面是一些常见的Content-Type字段的值。

text/plain
text/html
text/css
image/jpeg
image/png
image/svg+xml
audio/mp4
video/mp4
application/javascript
application/pdf
application/zip
application/atom+xml

5.浏览器解析html代码,并请求html代码中的资源

了解持久连接

有时候我们获取一个HTML页面,在对浏览器对HTML解析的过程中,如果发现额外的URL需要获取的内容,会再次发起HTTP请求去服务器获取,比如样式文件,图片。许多个HTTP请求,只依靠一个TCP连接就够了,这就是所谓的持久连接。也是所谓的一次HTTP请求完成。


转载: 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/121.html”。

文章评论

    • 评论
    人参与,条评论

技术在线

服务时间

周一至周日 12:00-22:00

关闭下雪
关闭背景特效