HTTP

必会基础

HTTP方法:GET、POST、PUT、PATCH、DELETE

一句话定义

HTTP方法表达你对资源的操作意图:GET读取,POST创建或执行动作,PUT全量替换,PATCH局部修改,DELETE删除。

javascript 复制代码
// GET 查询
const list = await fetch('/api/users').then(r => r.json());

// POST 创建,请求体通常用 JSON
await fetch('/api/users', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: 'Ming' })
});

// PUT 全量更新(需提供所有字段,否则丢失)
await fetch('/api/users/1', {
  method: 'PUT',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ id:1, name:'Ming', email:'m@x.com' })
});

// PATCH 部分更新(只传要改的字段)
await fetch('/api/users/1', {
  method: 'PATCH',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: 'NewName' })
});

// DELETE 删除
await fetch('/api/users/1', { method: 'DELETE' });

典型场景

  • RESTful API 设计:用标准方法让接口语义自解释。
  • 批量操作或非 CRUD 动作(如转账)可统一使用 POST + 动作词(例 /api/transfer)。

边界提醒

  • GET 请求不要加 body:虽然规范未绝对禁止,但浏览器、CDN、服务端可能直接忽略或拒绝,导致调试困难。
  • POST 不幂等:用户连续点击"提交"按钮可能创建多条重复数据,前端需做防重(如按钮 loading)。
  • PUT 必须传递完整资源,否则缺失字段会被重置;部分更新请用 PATCH,或者使用 POST 加字段控制。

原理/细节

安全性(不修改资源)与幂等性(多次请求结果相同)是方法选择的重要依据:GET 安全且幂等,POST 既不安全也不幂等,PUT/DELETE 幂等但不安全。


相关推荐
lerhxx1 分钟前
AI 应用中的上下文管理 —— 从"上下文窗口"到"分层压缩"的工程实践
前端·javascript
骑着蜗牛撵大象3278 分钟前
多 Agent 分治协作:MapReduce 模式下的并行扇出与结果归并
前端
用户553182973211 分钟前
Flutter iOS 热更新深入 Dart VM:读懂函数入口、解释执行与调用桥接
前端
前端snow18 分钟前
为什么大厂要用Postgres + mogodb的框架?
前端
运维有小邓122 分钟前
2026年主流AD域管理软件有哪些?
前端
Mickey同学24 分钟前
提示词注入:AI 时代的「SQL 注入」
前端
deli00727 分钟前
GROUP BY 先别想当然:我把 SQL 分组语义做成了沙盘,8 个实验 + 27 条自检全绿
前端
WayneX27 分钟前
开源 Vue 3 组件库 Morya UI:把组件、文档、AI 工具链一起做进一个包
前端·vue.js·前端框架
用户157415681653428 分钟前
页面白屏 + Invalid prop: type check failed for prop "options"?原来是 script setup 的 ref
前端
btcSteven29 分钟前
给浏览器装了个「AI 操作员」:纯聊天帮你完成任何任务
前端