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 幂等但不安全。


相关推荐
kidding7231 小时前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架
道友可好1 小时前
Claude Code 泄露源码里的 89 个秘密
前端·人工智能·后端
Tian_Hang2 小时前
Eclipse Ditto 的权限策略
java·服务器·前端·网络·ide·ubuntu·eclipse
lichenyang4532 小时前
从 0 新增一个 `has.echo`:我如何理解小程序容器里的 API 调用链路
前端
leptune3 小时前
Mac 使用 Microsoft Word 批量将 DOCX 转 PDF(保持原排版)
前端
大龄秃头程序员3 小时前
Flutter 长列表 1 万条滑动卡顿治理:Baseline vs Optimized 可跑 Demo
前端
yingyima3 小时前
Git 核心命令速查:掌握底层原理与实战技巧
前端
黄林晴3 小时前
Kuikly 是什么?和KMP有什么关系?
android·前端
HokKeung3 小时前
Git Hooks 和 Husky 怎么选
前端·前端工程化