菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 袁瑞-前端 2023-01-31 [打印本页]

---

作者: Yrrrrrrrrrr    时间: 2023-1-31 19:56
标题: 袁瑞-前端 2023-01-31

• 1. http协议
  
  • 1.1 http协议概述
    
    • 协议: 就是事先的一种约定、规则、规范、标准。（租房合同、工作合同）
      
    • HTTP协议（HyperText Transfer Protocol ）：超文本传输协议，客户端（==浏览器==）与Web服务器端之间的交互协议。当浏览器和服务器进行数据交换时，html文件、图片、CSS、JS等都是基于HTTP协议进行传输的
      
    • HTTP协议有两个版本: 1.0 和 1.1，目前使用的基本都是1.1
      
    • 特点：
      
      • 通常是基于 B/S 结构软件的
        
      • 无连接: 浏览器向服务器发送一次请求，服务器响应一次，链接即结束
        
      • 无状态: 无记忆。 服务器不能记住哪个浏览器访问过
        
    • HTTP协议主要分为两大部分：
      
      • 请求:  访问服务器的任何一个文件都是一次请求
        
      • 响应:  服务器处理请求，将结果返回给浏览器
        
  • 1.2 请求协议/请求报文
    
    • 请求报文分为3个部分:  请求行   请求头   请求体
      
      • 请求行:  请求方式、请求URL地址、协议版本号
        
      • 请求头:  主机域名和端口号，客户端(浏览器)的信息等
        
      • 请求体:  发送给服务器的数据，get和post都会通过请求主体将数据发送给服务器
        
      • 可以使用Chrome tools 或者 firebug 来查看请求和响应的信息（F12）
        
    • 主要请求项:
      
      • host： 主机名和端口号，80端口默认不显示
        
      • accept：浏览器可接受的程序/文件类型
        
      • accept-encoding： 浏览器可接受的压缩类型
        
      • accept-language： 浏览器可接受的语言类型
        
      • connection: keep-alive   持久化连接
        
    • 案例
      
      • 案例1: 访问 127.0.0.1:3000/index，查看请求行和请求头
        
      • 案例2: 使用get方式提交数据，查看请求行、请求头和请求体
        
        • Payload： 有效载荷
          
      • 案例3: 使用post方式提交数据，查看请求行、请求头和请求体
        
        • 在使用post方式向服务器提交数据时，必须将提交数据的内容格式设置为 application/x-www-form-urlencoded
          
  • 1.3 响应协议/响应报文
    
    • 响应报文也分为3部分:  响应行   响应头   响应体
      
      • 响应行: 协议版本号、响应结果状态码
        
      • 响应头: 主要是服务器端的信息
        
      • 响应体: 就是从服务器返回给客户端的数据
        
    • 主要响应项：
      
      • content-type： 响应内容类型， content-type:text/html，服务器告诉浏览器，返回的这部分数据是文本类型，使用html方式来解析即可。
        
      • content-length： 响应内容的长度 ，content-length:336, 从服务器返回给浏览器的数据总长度为336字节
        
      • Connection: keep-alive   持久化链接
        
      • Keep-Alive:  timeout=5      默认B和S之间的链接时间是5秒，如果5秒钟还没有发起另一次请求，则断开链接
        
      • content-length： 5       响应体的内容长度为 5 字节
        
  • 1.4 常见状态码
    
    • 常见的状态码如下: http://tool.oschina.net/commons?type=5
      
      • 200 ok   -----   请求成功
        
      • 302 redirect|Found  ----- 重定向 (页面跳转)
        
      • 304 not modified ----- 未修改
        
      • 403 forbidden   -----  禁止访问 （没有权限访问）
        
      • 404 Not Found  -----  未找到页面
        
      • 500 internal server error  ----- 服务器内部错误 (可能是服务器本身有问题，或者==代码错的太离谱==)
        
  • 1.5 req 和 res 对象
    
    • req（request）：请求对象
      
      •    url: 保存了浏览器的url地址
        
      •    method: 请求方式
        
      •    headers: 请求头信息
        
    • res（response）：响应对象
      
      • setHeader()： 设置响应头信息    res.setHeader('content-type', 'text/html;charset=utf-8')
        
      •    writeHead()： 设置响应头信息和状态码
        
      •    write(): 设置响应体
        
      •    end(): 将响应行、响应头、响应体一次性返回给浏览器
        

---

欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)

Powered by Discuz! X3.4