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


相关推荐
香芋芋圆7 小时前
AI 冲击内卷之下,普通前端如何破局?WebGIS—— 低门槛突围赛道
前端·javascript·人工智能·学习·职场发展
INS_KF8 小时前
【编程笔记】成员函数中两个 const 的区别(const Data &getData() const;)
前端·javascript·笔记
宿6748 小时前
vue3-async
前端·javascript·vue.js
YXWik68 小时前
记录前端请求接口在浏览器请求响应的Preview和Response展示的一样的问题
前端
2501_928996228 小时前
GPT-4o换DeepSeek迁移成本多少?中科热备解析API聚合平台技术账本
前端·数据库·人工智能
东风破_8 小时前
从跨域到 WebSocket:前端跨域方案、SSE 与双向实时通信详解
前端·后端
原则猫9 小时前
TS 类型工具
前端
excel9 小时前
Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案
前端·javascript
计算机魔术师11 小时前
美国司法部正式站队 OpenAI,AI 训练的版权账要这么算了
前端
IT_陈寒11 小时前
React Hooks闭包陷阱差点让我加班到凌晨
前端·人工智能·后端