前端如何发送表单类型数据和查询字符串类型数据

本文记录了在前端开发中遇到的两种Ajax请求Content-Type问题。一是使用delete请求(以POST方式发送)时,未设置Content-Type导致接口要求的x-www-form-urlencoded格式不符,解决方案是采用GET请求类似的参数拼接方式。二是发送multipart/form-data类型数据时出现错误,通过新建FormData对象来正确存放表单数据解决了问题。

前言

前端发送ajax请求获取后端返回的数据是前端很常用的事情,在我实习期间遇到了两个发送类型的问题,特此记录一下

介绍

发送请求类型:x-www-form-urlencoded:查询字符串 multipart/form-data:表单

这是这篇博客涉及到的两种content-type类别,详解查看下面这个博客。

Content-Type 详解_leoss.H的博客-CSDN博客_content-type

1.在我发送delete请求(post类型)时,而且封装的api没有设置content-type类别导致发送的content-type一直不是x-www-form-urlencoded(接口要求是x-www-form-urlencoded)。

解决方法

 deleteAPI(
            "simple/delSimpleFile/?simpleId="+this.editMenuData.id
            )

采取像get请求一样拼接的形式

2.在发送multipart/form-data类型的数据时,发现一直发送错误

解决方法

let formData = new window.FormData();
formData.append("key",value);

新建一个window.FormData来存放表单数据。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值