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

关于content-type的理解

一.content-type的结论

告诉后端传过去的数据是什么类型的数据

二.没有请求体

(1)没有请求体的情况下content-type没有意义。

(2):图示

里面是没有请求体的

(3)有请求体的情况

二.常见的三种方式

(1)application/x-www-form-urlencoded(默认)

参数的表现形式:

传递之前可以转换

(2)application/json

以json的格式进行展示

(3)multipart/form-data

通常传递文件的形式使用。

FormData 是一个用于构建表单数据的 Web API 接口,可以方便地将表单数据转换为 key-value 格式发送至后端服务器。

使用 FormData 可以分为以下步骤:

(1)创建一个 FormData 对象。

const formData = new FormData();

(2)将表单数据添加到 FormData 对象中。

formData.append('username', 'John');
formData.append('password', '123456');

(3)将 FormData 对象发送到后端服务器。

fetch('/api/login', {method: 'POST',body: formData,
});

完整代码如下:

const formData = new FormData();
formData.append('username', 'John');
formData.append('password', '123456');
fetch('/api/login', {method: 'POST',body: formData,
}).then(response => {console.log(response);}).catch(error => {console.error(error);});

注意,使用 FormData 对象时要将请求方法设置为 POST,并且将 FormData 对象作为请求体发送。另外,如果表单中包含文件上传时,可以通过 append() 方法添加 File 对象。

http://www.lryc.cn/news/167292.html

相关文章:

  • <图像处理> 空间滤波基础二
  • Java中的队列Queue
  • 机器学习技术(十)——决策树算法实操,基于运营商过往数据对用户离网情况进行预测
  • 大数据之-kafka学习笔记
  • 虚幻动画系统概述
  • 什么是集成测试?集成测试方法有哪些?
  • elementUI中的el-form常用校验规则
  • 蓝桥杯打卡Day9
  • C# 辗转相除法求最大公约数
  • 腾讯mini项目-【指标监控服务重构】2023-08-03
  • redis缓存穿透、击穿、雪崩介绍
  • Redis 基础总结
  • 基于nginx的tomcat负载均衡和集群(超简单)
  • ESIM实战文本匹配
  • 基于虚拟仿真技术的汽车燃油泵控制
  • angular:HtmlElement的子节点有Shadow dom时奇怪的现象
  • 栈与队列--删除字符串中的所有相邻重复项
  • 使用SSH地址拉取远程仓库代码报下面的错误
  • easycms v5.5 分析 | Bugku S3 AWD排位赛
  • 成都营运《乡村振兴战略下传统村落文化旅游设计》许少辉八一著作
  • 创邻科技Galaxybase助力SPG推动知识图谱应用落地
  • 《TCP/IP网络编程》阅读笔记--域名及网络地址
  • 我的C#基础
  • 【UnityShaderLab实现“Billboard“始终面向相机_播放序列图的效果_案例分享(内附源码)】
  • Ceph入门到精通-S3 基准测试工具warp使用入门
  • Docker--未完结
  • string的使用和模拟实现
  • 基础算法---区间合并
  • C++(day4)
  • docker 部署 node.js(express) 服务