当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 输入URL后......

输入URL后......

2020年07月14日  | 移动技术网IT编程  | 我要评论

输入URL后...

  • 输入URL、进行DNS域名解析、获得域名对应IP
  • 与对应IP的服务器三次握手建立TCP连接
  • 浏览器发送HTTP Request请求包，服务器收到请求包进行处理
  • 服务器处理请求包，调用自身服务，返回HTTP Response响应包
  • 客户端收到HTTP Response响应包，渲染Response包里面的Body，收到全部内容后，断开与服务端连接（四次挥手）

域名解析过程

1、本地查询

  1. 浏览器首先检查自己浏览器缓存是否有对应的域名，有则直接使用。【查看Chrome浏览器dns缓存地址：chrome://net-internals/#dns】
  2. 如果浏览器缓存中没有，则查询系统DNS缓存中的域名表，有则直接使用。【mac：nslookup命令】
  3. 系统缓存中还是没有，则检查hosts文件中的映射表。【mac中hosts文件路径：/etc/hosts】
  4. 本地实在找不到，则向DNS域名服务器发起请求查询

2、DNS服务器查询

  1. DNS服务器首先查找自身的缓存，有对应的域名ip则返回结果
  2. 如果缓存中查找不到，DNS服务器则发起迭代DNS请求，首先向根域服务器发起请求查询，假如本次请求的是www.baidu.com,根域服务器发现这是一个com的顶级域名，就把com域的ip地址返回给DNS服务器
  3. DNS服务器向com域ip地址发起请求，查询该域名的ip，此时该服务器返回了baidu.com的DNS地址
  4. 最后DNS服务器又向baidu.com的DNS地址发起查询请求，最后找到了完整的ip路径返回给DNS服务器，DNS再把ip信息返回给OS内核，内核再返回给浏览器，于是浏览器就知道该域名对应的ip地址了，可以开始进一步请求了

HTTP请求

连接成功建立后，开始向web服务器发送请求，当浏览器向Web服务器发出请求时，它向服务器传递了一个数据块，也就是请求信息，HTTP请求信息由3部分组成：

  1. 起始行：HTTP请求方法 URL HTTP版本
  2. 请求头：请求头的形式通过一个键值对进行渲染
  3. 请求体：get方法的请求体是没有内容的（放在了url里） post方法的请求体包含请求的内容

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

GET /sample.jsp HTTP/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=123412345678

起始行

GET /sample.jsp HTTP/1.1
  • 请求的起始行是：”方法 URL http版本“ GET /sample.jsp HTTP/1.1
  • 根据HTTP标准，HTTP请求可以使用多种请求方法。例如：HTTP1.1支持7种请求方法：GET、POST、HEAD、OPTIONS、PUT、DELETE和TARCE。在Internet应用中，最常用的方法是GET和POST。
  • URL完整地指定了要访问的网络资源，通常只要给出相对于服务器的根目录的相对目录即可，因此总是以“/”开头。
  • 协议版本声明了通信过程中使用HTTP的版本。
     

请求头(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.123456

请求正文

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

username=jinqiao&password=12341

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

HTTP响应

应答 web服务器收到这个请求，进行处理。从它的文档空间中搜索URL对应文件。如果找到该文件，Web服务器把该文件内容传送给相应的Web浏览器。为了告知浏览器，Web服务器首先传送一些HTTP头信息，然后传送具体内容（即HTTP体信息），HTTP头信息和HTTP体信息之间用一个空行分开。

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

  • 起始行：HTTP协议版本 响应状态码 响应状态信息
  • 响应头(Response Header) ：通过键值对的形式进行表示
  • 响应体： 网页代码 HTML、CSS、JS代码文件

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

HTTP/1.1 200 OK
Server:Apache Tomcat/5.0.12
Date:Mon,6Oct2003 13:23:42 GMT
Content-Length:112

<html>
    <head>
        <title>HTTP响应示例<title>
    </head>
    <body>
        Hello HTTP!
    </body>
</html>

HTTP版本 状态码 状态信息

HTTP应答码也称为状态码，它反映了Web服务器处理HTTP请求状态。

HTTP/1.1 200 OK

响应头(Response Header)

响应头也和请求头一样包含许多有用的信息，例如服务器类型、日期时间、内容类型和长度等：

Server:Apache Tomcat/5.0.12
Date:Mon,6Oct2003 13:23:42 GMT
Content-Length:112

响应体

响应体就是服务器返回的HTML页面：

<html>
    <head>
        <title>HTTP响应示例<title>
    </head>
    <body>
        Hello HTTP!
    </body>
</html>

响应头和正文之间也必须用空行分隔。

本文地址：https://blog.csdn.net/qq_38262266/article/details/107302636

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网