Axios中POST、PUT、PATCH用法区别

news2025/5/24 11:52:22

在 Axios 中,POSTPUT 和 PATCH 是用于发送 HTTP 请求的三种不同方法,它们的核心区别源自 HTTP 协议的设计语义。以下是它们的用法和区别:


1. POST

  • 语义:用于创建新资源

  • 特点

    • 非幂等(多次调用可能产生不同的结果,例如重复提交表单会创建多个资源)。

    • 请求体通常包含需要新增的完整数据。

  • Axios 示例

    javascript

    复制

    下载

    axios.post('/users', {
      name: 'John',
      age: 30
    });
  • 典型场景

    • 提交表单,创建新用户。

    • 上传文件。


2. PUT

  • 语义:用于替换整个资源(全量更新)。

  • 特点

    • 幂等(多次调用效果一致)。

    • 需要客户端提供完整的资源数据(未提供的字段会被覆盖为 null 或默认值)。

  • Axios 示例

    javascript

    复制

    下载

    axios.put('/users/123', {
      name: 'John',  // 必须提供所有字段
      age: 30        // 旧数据中未提供的字段会被清除
    });
  • 典型场景

    • 更新用户的所有信息(如替换整个用户对象)。


3. PATCH

  • 语义:用于局部更新资源(部分更新)。

  • 特点

    • 非幂等(取决于具体实现,但设计上应尽量保持幂等)。

    • 只需提供需要修改的字段,未提供的字段保持不变。

  • Axios 示例

    javascript

    复制

    下载

    axios.patch('/users/123', {
      age: 31  // 仅更新年龄,其他字段不变
    });
  • 典型场景

    • 修改用户的某个属性(如邮箱、密码)。


关键区别总结

方法幂等性数据要求典型场景
POST新资源数据创建资源
PUT完整资源数据全量更新(替换资源)
PATCH部分修改字段局部更新(部分修改)

注意事项

  1. 后端实现决定行为

    • 虽然 HTTP 协议定义了语义,但具体行为由后端实现决定。例如,某些 API 可能允许 PUT 用于部分更新,但这不符合规范。

  2. 数据格式

    • 使用 PATCH 时,可能需要指定数据格式(如 JSON Merge Patch 或 JSON Patch),需与后端约定。

  3. 幂等性

    • PUT 的幂等性使其适合重试场景(如网络不稳定),而 POST 需谨慎处理重复提交。


示例对比

  • 创建用户(POST)

    javascript

    复制

    下载

    axios.post('/users', { name: 'Alice' }); // 返回新用户 ID: 456
  • 全量更新用户(PUT)

    javascript

    复制

    下载

    axios.put('/users/456', { name: 'Alice', age: 25 }); // 所有字段必须存在
  • 局部更新用户(PATCH)

    javascript

    复制

    下载

    axios.patch('/users/456', { age: 26 }); // 仅更新年龄

遵循 RESTful 规范合理选择方法,可以提高代码可读性和 API 的一致性。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2384573.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SOC-ESP32S3部分:9-GPIO输入按键状态读取

飞书文档https://x509p6c8to.feishu.cn/wiki/L6IGwHKV6ikQ08kqwAwcAvhznBc 前面我们学习了GPIO的输出,GPIO输入部分其实也是一样的,这里我们使用按键作为GPIO输入例程讲解,分三步走。 查看板卡原理图,确定使用的是哪个GPIO查看G…

Ubuntu20.04的安装(VMware)

1.Ubuntu20.04.iso文件下载 下载网址:ubuntu-releases-20.04安装包下载_开源镜像站-阿里云 2.创建虚拟环境 2.1打开VMware与创建新虚拟机 点击创建新虚拟机 如果没下好可以点击稍后安装操作系统 选择linux版本选择Ubuntu 64位然后点击下一步。 注意这里需要选择一…

【论文阅读】LLaVA-OneVision: Easy Visual Task Transfer

LLaVA-OneVision: Easy Visual Task Transfer 原文摘要 研究背景与目标 开发动机: 基于LLaVA-NeXT博客系列对数据、模型和视觉表征的探索,团队整合经验开发了开源大型多模态模型 LLaVA-OneVision。 核心目标: 突破现有开源LMM的局限&#xf…

Spring Boot 项目多数据源配置【dynamic datasource】

前言: 随着互联网的发展,数据库的读写分离、数据迁移、多系统数据访问等多数据源的需求越来越多,我们在日常项目开发中,也不可避免的为了解决这个问题,本篇来分享一下在 Spring Boot 项目中使用多数据源访问不通的数据…

JAVA查漏补缺(2)

AJAX 什么是Ajax Ajax(Asynchronous Javascript And XML),即是异步的JavaScript和XML,Ajax其实就是浏览器与服务器之间的一种异步通信方式 异步的JavaScript 它可以异步地向服务器发送请求,在等待响应的过程中&…

【Web前端】JavaScript入门与基础(二)

Javascript对象 什么是对象?对象(object)是 JavaScript 语言的核心概念,也是最重要的数据类型。简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。 var…

Electron+vite+vue3 从0到1搭建项目,开发Win、Mac客户端

随着前端技术的发展,出现了所谓的大前端。 大前端则是指基于前端技术延伸出来的各种终端平台及应用场景,包括APP、桌面端、手表终端、服务端等。 本篇文章主要是和大家一起学习一下使用Electron 如何打包出 Windows 和 Mac 所使用的客户端APP&#xff…

python打卡day34@浙大疏锦行

知识点回归: CPU性能的查看:看架构代际、核心数、线程数GPU性能的查看:看显存、看级别、看架构代际GPU训练的方法:数据和模型移动到GPU device上类的call方法:为什么定义前向传播时可以直接写作self.fc1(x) ①CPU性能查…

SOC-ESP32S3部分:8-GPIO输出LED控制

飞书文档https://x509p6c8to.feishu.cn/wiki/OSQWwh95niobqUkKyDQcVgsbnFg 这节课,我们将会以ESP32S3外设GPIO的使用为例,带大家学习如何从零开始学会ESP32外设的使用。 例如,这节课我们的需求是,需要通过GPIO控制指示灯的亮灭&…

05算法学习_59. 螺旋矩阵 II

05算法学习_59. 螺旋矩阵 II 05算法学习_59. 螺旋矩阵 II题目描述:个人代码:学习思路:第一种写法:题解关键点: 个人学习时疑惑点解答: 05算法学习_59. 螺旋矩阵 II 力扣题目链接: 59. 螺旋矩阵 II 题目描…

Linux `>`/`>>` 重定向操作符深度解析与高阶应用指南

Linux `>`/`>>` 重定向操作符深度解析与高阶应用指南 一、核心功能解析1. 基础重定向2. 标准流描述符二、高阶重定向技巧1. 多流重定向2. 文件描述符操作3. 特殊设备操作三、企业级应用场景1. 日志管理系统2. 数据管道处理3. 自动化运维四、安全与权限管理1. 防误操作…

【自定义类型-联合和枚举】--联合体类型,联合体大小的计算,枚举类型,枚举类型的使用

目录 一.联合体类型 1.1--联合体类型的声明 1.2--联合体的特点 1.3--相同成员的结构体和联合体对比 1.4--联合体大小的计算 1.5--联合体练习 二.枚举类型 2.1--枚举类型的声明 2.2--枚举类型的优点 2.3--枚举类型的使用 🔥个人主页:草莓熊Lotso…

李宏毅《深度学习》:Self-attention 自注意力机制

一,问题分析: 什么情况下需要使用self-attention架构,或者说什么问题是CNN等经典网络架构解决不了的问题,我们需要开发新的网络架构? 要解决什么问题《——》对应开发self-attention架构的目的? 1&#…

C++初阶-list的使用1

目录 1.std::list简介 2.成员函数 2.1构造函数的使用 2.2list::operator的使用 3.迭代器 4.容量 4.1list::empty函数的使用 4.2list::size函数的使用 4.3list::max_size函数的使用 5.元素访问 6.修饰符 6.1list::assign函数的使用 6.2push_back和pop_back和push_fr…

Python web 开发 Flask HTTP 服务

Flask 是一个轻量级的 Web 应用框架,它基于 Python 编写,特别适合构建简单的 Web 应用和 RESTful API。Flask 的设计理念是提供尽可能少的约定和配置,从而让开发者能够灵活地构建自己的 Web 应用。 https://andi.cn/page/622189.html

分享|16个含源码和数据集的计算机视觉实战项目

本文将分享16个含源码和数据集的计算机视觉实战项目。具体包括: 1. 人数统计工具 2. 颜色检测 3. 视频中的对象跟踪 4. 行人检测 5. 手势识别 6. 人类情感识别 7. 车道线检测 8. 名片扫描仪 9. 车牌识别 10. 手写数字识别 11.鸢尾花分类 12. 家庭照片人脸检测 13. 乐…

二十三、面向对象底层逻辑-BeanDefinitionParser接口设计哲学

一、引言:Spring XML配置的可扩展性基石 在Spring框架的演进历程中,XML配置曾长期作为定义Bean的核心方式。虽然现代Spring应用更倾向于使用注解和Java Config,但在集成第三方组件、兼容遗留系统或实现复杂配置逻辑的场景下,XML配…

[Vue]路由基础使用和路径传参

实际项目中不可能就一个页面,会有很多个页面。在Vue里面,页面与页面之间的跳转和传参会使用我们的路由: vue-router 基础使用 要使用我们需要先给我们的项目添加依赖:vue-router。使用命令下载: npm install vue-router 使用路由会涉及到下面几个对象:…

使用VGG-16模型来对海贼王中的角色进行图像分类

动漫角色识别是计算机视觉的典型应用场景,可用于周边商品分类、动画制作辅助等。 这个案例是一个经典的深度学习应用,用于图像分类任务,它使用了一个自定义的VGG-16模型来对《海贼王》中的七个角色进行分类,演示如何将经典CNN模型…

WooCommerce缓存教程 – 如何防止缓存破坏你的WooCommerce网站?

我们在以前的文章中探讨过如何加快你的WordPress网站的速度,并研究过各种形式的缓存。 然而,像那些使用WooCommerce的动态电子商务网站,在让缓存正常工作方面往往会面临重大挑战。 在本指南中,我们将告诉你如何为WooCommerce设置…