想要学好前端,了解一些基础的网络知识是必不可少的,本篇文章简单的介绍一下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协议可以帮助我们更好地理解前端开发中的工作原理,并提高我们的开发效率