前端网络基础-Http协议

142 阅读3分钟

想要学好前端,了解一些基础的网络知识是必不可少的,本篇文章简单的介绍一下http协议

HTTP(Hypertext Transfer Protocol)是用于在Web上传输数据的协议。它是一种客户端-服务器协议,客户端可以是Web浏览器,服务器可以是Web服务器。

在HTTP协议中,客户端发送请求,服务器返回响应。请求由请求方法请求头请求体组成;响应由状态码响应头响应体组成。

请求方法

HTTP定义了一些请求方法,包括GET、POST、PUT、DELETE等。其中,GET方法用于从服务器获取资源,POST方法用于向服务器提交数据,PUT方法用于更新资源,DELETE方法用于删除资源。

后边几个带有请求体的方法全部使用POST请求也是没有问题的。

请求头

请求头包含了请求的元数据,例如请求的内容类型、请求的字符编码、请求的Cookie等。

下面是请求头的一些格式

GET /index.html HTTP/1.1
Host: www.example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8

请求体

请求体包含了请求的数据,例如表单数据JSON数据等。请求体的格式取决于请求的内容类型。

状态码

HTTP定义了一些状态码,用于表示服务器对请求的响应状态。例如200表示成功,404表示资源未找到,500表示服务器内部错误等。

在实际项目中后端也会返回一些状态码供前端人员去判断,下面展示以前做的一个项目中的状态码定义

{
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队(异步任务)。',
  204: '删除数据成功。',
  400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限(令牌、用户名、密码错误)。',
  403: '用户得到授权,但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录,服务器没有进行操作。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除,且不会再得到的。',
  422: '当创建一个对象时,发生一个验证错误。',
  500: '服务器发生错误,请检查服务器。',
  502: '网关错误。',
  503: '服务不可用,服务器暂时过载或维护。',
  504: '网关超时。',
}

响应头

响应头包含了响应的元数据,例如响应的内容类型、响应的字符编码等

HTTP/1.1 200 OK //响应成功
Content-Type: text/html; charset=utf-8
Content-Length: 1234

响应体

响应体包含了响应的数据,例如HTML文档、JSON数据等(就是前端发请求后端返回来的数据)。

响应体的格式取决于响应的内容类型

总结

HTTP协议是前端开发中不可或缺的一部分。了解HTTP协议的基础知识并深入学习HTTP协议可以帮助我们更好地理解前端开发中的工作原理,并提高我们的开发效率