当前位置: 首页 > news >正文

Vue 接口用FormData() 提交数据

例子:

let data = { id: 12, name: '测试', list: [{ id: 22, name: "za", age: 12 }] };// 创建 FormData 实例

        要使用 FormData 将数据提交给接口,首先需要了解 FormData 是如何工作的。FormData 是一种用于异步上传数据的表单数据结构,它可以让你以一种简单的方式发送键值对。

        例子中,你有一个 JavaScript 对象 data,它包含了嵌套的数据结构。要将这个对象转换为 FormData,我们需要遍历这个对象,并将每个键值对添加到 FormData 实例中。

        下面是一个示例代码,展示了如何将你的 data 对象转换为 FormData,并使用 fetch API 将其提交给接口:

let data = { id: 12, name: '测试', list: [{ id: 22, name: "za", age: 12 }] };// 创建 FormData 实例
let formData = new FormData();// 函数用于递归地将对象添加到 FormData
function addToFormData(obj, formData) {for (let key in obj) {if (obj.hasOwnProperty(key)) {// 如果是对象,则递

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 如何使用 GPT?
  • 基于 jenkins 部署接口自动化测试项目!
  • 文件上传接口
  • Hive的基本操作(查询)
  • 盘古信息MOM系统:赋能企业打造高效数字化车间的关键
  • 【绘唐阿祖】Ai小说推文一键生成工具功能预览极速版
  • AI智能名片在Web 3.0技术栈中的应用与前景研究
  • FastAPI 学习之路(五十)WebSockets(六)聊天室完善
  • 近源渗透简介
  • 5. 基于Embedding实现超越elasticsearch高级搜索
  • python数据可视化(6)——绘制散点图
  • 【人工智能】Transformers之Pipeline(一):音频分类(audio-classification)
  • huggingface 数据集和模型加速下载, hfdata 输出为json
  • 实验二:图像灰度修正
  • 【vue深入学习第1章】Vue.js 中的 Ajax 处理:vue-resource 库的深度解析
  • 2018天猫双11|这就是阿里云!不止有新技术,更有温暖的社会力量
  • 77. Combinations
  • Django 博客开发教程 16 - 统计文章阅读量
  • input实现文字超出省略号功能
  • JavaScript对象详解
  • JavaScript实现分页效果
  • rabbitmq延迟消息示例
  • Three.js 再探 - 写一个跳一跳极简版游戏
  • Travix是如何部署应用程序到Kubernetes上的
  • Vue 重置组件到初始状态
  • vue-router的history模式发布配置
  • vue自定义指令实现v-tap插件
  • 前端技术周刊 2019-02-11 Serverless
  • 入门到放弃node系列之Hello Word篇
  • 试着探索高并发下的系统架构面貌
  • 学习ES6 变量的解构赋值
  • 源码安装memcached和php memcache扩展
  • 没有任何编程基础可以直接学习python语言吗?学会后能够做什么? ...
  • 容器镜像
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • ​Java基础复习笔记 第16章:网络编程
  • # Panda3d 碰撞检测系统介绍
  • $().each和$.each的区别
  • (8)Linux使用C语言读取proc/stat等cpu使用数据
  • (C++二叉树05) 合并二叉树 二叉搜索树中的搜索 验证二叉搜索树
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (附源码)springboot助农电商系统 毕业设计 081919
  • (实测可用)(3)Git的使用——RT Thread Stdio添加的软件包,github与gitee冲突造成无法上传文件到gitee
  • (学习日记)2024.03.12:UCOSIII第十四节:时基列表
  • ***通过什么方式***网吧
  • *Algs4-1.5.25随机网格的倍率测试-(未读懂题)
  • .bat批处理(五):遍历指定目录下资源文件并更新
  • .gitignore文件设置了忽略但不生效
  • .net core 的缓存方案
  • .NET 反射 Reflect
  • .NET 反射的使用
  • .Net 基于.Net8开发的一个Asp.Net Core Webapi小型易用框架
  • .NET牛人应该知道些什么(2):中级.NET开发人员
  • .Net转Java自学之路—基础巩固篇十三(集合)
  • /dev下添加设备节点的方法步骤(通过device_create)