使用axios请求时,发送formData请求的示例

最近做的一个项目中有一个特例接口,传json后端接收不到,对接的后端又不愿意改接口,只能用formData方式传参,由于好多年没有用过formData,头痛了一会,找到了解决方法,发现非常简单,在此做个笔记!

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、成都做网站、凤翔网络推广、微信小程序、凤翔网络营销、凤翔企业策划、凤翔品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供凤翔建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

var formData = new FormData();
formData.append("username", "Groucho");
formData.append("accountnum", 123456);
fetch('/users', {
 method: 'POST',
 body: formData
})

对象转FormData对象

对于FormDat对象,像上面那种形式可以直接添加参数比较方便,但是对于对象或者嵌套对象:

let userObj = {userName: 'xxx', age: '21'}
formData.append('user', userObj)

如果已经有了一个对象,里边字段非常多的话,可以这样:

let param {{name:"张三"},{aa:"222"}}
let formData = new FormData();
Object.keys(param).forEach(key => {
  formData.append(key, param[key]);
});

该问题方案解决方法来自于https://www.jb51.net/article/173081.htm

以上这篇使用axios请求时,发送formData请求的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


当前标题:使用axios请求时,发送formData请求的示例
标题路径:http://pwwzsj.com/article/jejoge.html