Web开发基础学习——HTTP的理解

Web开发基础学习系列文章目录

第一章 基础知识学习之HTTP的理解


文章目录


前言

HTTP(HyperText Transfer Protocol,超文本传输协议)是用于在 Web 上传输数据的协议。它是客户端(如浏览器)和服务器之间通信的基础。HTTP 定义了一组请求方法和状态码,用于表示不同的操作和响应。


一、HTTP 请求方法

  • GET:请求从服务器获取资源。
  • POST:向服务器提交数据。
  • PUT:更新服务器上的资源。
  • DELETE:删除服务器上的资源。
  • HEAD:类似于 GET 请求,但只请求响应头。
  • OPTIONS:请求服务器支持的通信选项。
  • PATCH:部分更新服务器上的资源。

POST 和 PUT什么区别?

  • POST:用于创建新资源。
  • PUT:用于更新现有资源。

二、HTTP 状态码

  • 1xx(信息性状态码):请求已接收,继续处理。
  • 2xx(成功状态码):请求已成功处理。
    • 200 OK:请求成功。
    • 201 Created:资源已成功创建。
  • 3xx(重定向状态码):需要进一步操作以完成请求。
    • 301 Moved Permanently:资源已永久移动。
    • 302 Found:资源临时移动。
  • 4xx(客户端错误状态码):请求包含错误或无法处理。
    • 400 Bad Request:请求无效。
    • 401 Unauthorized:未授权。
    • 403 Forbidden:禁止访问。
    • 404 Not Found:资源未找到。
      5xx(服务器错误状态码):服务器在处理请求时发生错误。
    • 500 Internal Server Error:服务器内部错误。
    • 502 Bad Gateway:网关错误。
    • 503 Service Unavailable:服务不可用。

三、HTTP 报文

  • 请求报文:包含请求行、请求头和请求体。
    • 请求行:请求方法、URL 和 HTTP 版本。
    • 请求头:元数据(如 Content-Type、User-Agent)。
    • 请求体:可选,包含提交的数据(如表单数据)。
      响应报文:包含状态行、响应头和响应体。
    • 状态行:HTTP 版本、状态码和状态描述。
    • 响应头:元数据(如 Content-Type、Set-Cookie)。
    • 响应体:实际返回的数据(如 HTML、JSON)。

四、示例

  • HTTP 请求
html 复制代码
GET /index.html HTTP/1.1
Host: www.example.com
User-Agent: Mozilla/5.0
Accept: text/html
  • HTTP 响应
html 复制代码
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 123

<html>
<body>
<h1>Hello, World!</h1>
</body>
</html>

总结

HTTP 是 Web 上数据传输的基础协议,通过定义请求方法、状态码和报文格式,实现客户端和服务器之间的通信。

相关推荐
灵犀坠1 分钟前
前端知识体系全景:从跨域到性能优化的核心要点解析
前端·javascript·vue.js·性能优化·uni-app·vue
超哥的一天3 分钟前
【前端】每天一个知识点-NPM
前端·node.js
海边的云4 分钟前
vue对接海康摄像头-H5player
前端
h***04777 分钟前
爬虫学习案例3
爬虫·python·学习
小飞侠在吗8 分钟前
vue 开发前的准备
前端·javascript·vue.js
kkkkkkkkk_120113 分钟前
【强化学习】周博磊强化学习纲要学习笔记——第二课上
笔记·学习
狮子座的男孩14 分钟前
js函数高级:05、详解作用域与作用域链(作用域、作用域与执行上下文、作用域链)及相关面试题
前端·javascript·经验分享·作用域·作用域链·相关面试题·作用域与执行上下文
秋深枫叶红14 分钟前
嵌入式第二十五篇——数据结构单向链表
c语言·数据结构·学习·算法
我叫张小白。16 分钟前
Vue3 标签的 ref 属性:直接访问 DOM 和组件实例
前端·javascript·vue.js·typescript·vue3
有点笨的蛋16 分钟前
JavaScript 中的面向对象编程:从基础到继承
前端·javascript