HTTP协议原理与ajax工作原理

160 阅读2分钟
    1.HTTP协议原理 :  网络传输协议
      作用: 规定前后端数据交换格式

    2.HTTP协议组成 :  请求报文  响应报文
      请求报文: 前端发送数据格式
      响应报文 : 后端响应数据格式

    3.请求报文 : 三个部分组成
      请求行 :  请求地址 + 请求方法
      请求头 :  浏览器告诉服务器,我发你的数据是什么格式
      请求体 :  请求参数

    4.响应报文 : 三个部分组成
      响应行 :  响应状态码 + 服务器ip地址
        2xx : 请求成功
          200 : 成功
          204 : 用于post请求, 预检请求
        3xx : 重定向
          302 : 重定向(服务器修改浏览器网址)
        4xx : 前端的问题
          400 : 参数错误
          404 : 路径错误
          401 : 未认证(需要登录的接口,没有登录)
          403 : 没有权限(未登录、或账号权限不够)
          413 : 文件超出大小限制
        5xx : 后台问题
          500 : 后台崩溃 
      响应头 :  服务器告诉浏览器,我响应给你的数据是什么格式
      响应体 :  响应的数据
   
    5.ajax底层原理 : 发送请求报文

1566749899590.png

1566749949288.png

1566750154814.png

-一个页面从输入url到呈现过程

 -   1.DNS域名解析: 将url中的域名解析成ip地址
  • 2.TCP三次握手: 建立安全的网络传输协议

    • 2.1 什么是TCP : 一种 传输控制协议

    • 2.2 TCP作用 : 保证HTTP网络传输是 安全 + 可靠的 (检测客户端 与 服务器的网卡是不是通的)

    • 2.3 TCP三次握手 :

      第一次: 浏览器 -> 服务器 (你能听到我说话吗?,检测浏览器:发送)

      第二次: 服务器 -> 浏览器 (我听到了,你能听到我说话吗。 检测浏服务器: 接收 + 发送)

      第三次: 浏览器 -> 服务器 (嗯,我听到了. 检测浏览器: 接收)

1647572186065.png

  • 3.HTTP建立连接

    • 3.1 客户端发送请求
    • 3.2 服务器处理请求
    • 3.3 服务器响应请求
  • 4.渲染引擎开始渲染响应返回的HTML文本

    • 4.1 解析html生成:dom树

    • 4.2 解析css生成:样式树

    • 4.3 dom树 与 样式树 合并得到 渲染树

    • 4.4 呈现页面

1647572332748.png