使用axios请求时,发送formData请求的示例
2019-10-29 18:09
2076 查看
最近做的一个项目中有一个特例接口,传json后端接收不到,对接的后端又不愿意改接口,只能用formData方式传参,由于好多年没有用过formData,头痛了一会,找到了解决方法,发现非常简单,在此做个笔记!
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"}}<br>let formData = new FormData(); <br>Object.keys(param).forEach(key => { <br> formData.append(key, param[key]); <br>});
该问题方案解决方法来自于https://www.jb51.net/article/173081.htm
以上这篇使用axios请求时,发送formData请求的示例就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- vuejs中vue-resource或使用axios发送请求及解决跨域问题
- Vue项目首页_使用axios发送ajax请求
- Vue.js实战之使用Vuex + axios发送请求详解
- vue使用axios发送数据请求
- 使用 Vuex + axios 发送请求
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- Vue.js实战之使用Vuex + axios发送请求详解
- 使用axios发送请求
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- Vue.js实战之使用Vuex + axios发送请求详解
- java使用httpclient发送post请求示例
- vue2.0项目实战 使用axios发送请求
- vue中使用axios发送请求
- vue中使用axios发送ajax请求
- Axios使用post发送请求,后端接收不到的问题 404
- vue2.0项目实战(3)使用axios发送请求
- 使用axios请求时,发送formData请求